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第 1 部 分 


客户 服务 方法 与 技巧 实 训 


21 世纪 的 竞争 焦点 之 一 是 个 性 化 服务 。 电 子 商务 网 站 建设 的 目的 就 是 要 更 好 地 为 
消费 者 服务 ,实现 真正 意义 上 的 个 性 化 服务 。 本 项 目 是 网 站 建设 的 必 备 项 目 , 只 有 真正 理 
解 什么 是 个 性 化 客户 需求 ,才能 真正 与 客户 沟通 ,才能 做 好 电子 商务 网 站 建设 ,否则 ,以 后 
的 项 目 难 以 开展 下 去 。 本 部 分 的 实 训 是 为 学 生 熟 悉 客户 服务 而 设计 的 。 通 过 本 部 分 的 实 
训 ,要求 ， 

1. 掌握 客户 服务 的 概念 ; 

2. 了 解 客户 服务 的 工作 流程 ; 

3. 掌握 与 个 性 化 客户 沟通 的 方法 和 技巧 。 


实 训 1 客户 满意 就 是 我 最 大 的 心愿 


【 实 训 目的 要 求 】 

1. 了 解 客户 服务 的 过 程 。 

2. 熟悉 客户 服务 的 概念 。 

3. 学 会 处 理 某 一 件 事 的 方法 和 技巧 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 零售 客户 服务 

1. 情境 描述 

在 “ 仰 世 ”海参 专卖 店 ,一 位 面 带 微笑 的 销售 员 正 在 向 一 位 老人 介绍 海参 ,可 那 位 老人 
似乎 并 没有 被 销售 员 的 详细 介绍 所 打动 。 老 人 说 ,他 刚才 在 某 个 海参 店 也 看 了 许多 海参 ， 
从 外 观 上 看 没有 什么 区 别 ,“ 仰 世 * 店 里 的 其 中 一 种 海参 稍 贵 了 一 点 ,不 知道 是 不 是 因为 质 
量 的 原因 。 听 了 老人 的 话 必 仰 世 ?海参 专卖 店 的 那 位 销售 员 笑 了 ,她 依旧 不 急 不 躁 地 说 ， 
“ 买 东 西 一 定 要 货 比 三 家 ,以 质 论 价 , 尤 其 是 买 海参 。 海参 不 能 只 看 外 表 , 其 他 方面 比如 说 
产地 , 干 湿 程 度 等 ,都 会 影响 到 海参 的 价格 .而 “ 仰 世 ’ 海 参 向 来 是 以 质量 作 保障 的 .” 说 完 ， 
这 位 销售 员 顺 手 从 一 个 柜子 里 拿 出 了 一 把 锤子 ,只 见 她 又 拿 起 一 个 海参 放 在 一 块 木板 上 ， 
猛 地 一 锤子 就 硕 了 下 去 ,只 听 “ 喇 ”的 一 声 脆 响 , 海 参 断 成 了 两 截 。 拿 起 断 开 的 海参 ,她 走 
到 那 位 老人 面前 说 :“ 大 和 爷 , 您 看 这 断面 多 光滑 , 肉 多 厚 啊 ! 这 就 是 “ 仰 世 ”的 海参 !? 老 人 
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接 过 断 成 两 截 的 海参 说 :“ 孩 子 , 这 你 就 不 懂 了 吧 ,这 不 是 肉 ,是 胶 质 和 蛋白。 你 那 一 锤子 砸 
下 去 的 时 候 我 就 听 到 了 ,这 海参 确实 够 干 .不 含水 分 ,给 我 称 两 斤 .” 此 时 ,“ 仰 世 ” 海 参 专卖 
店 的 这 位 销售 员 并 没有 急于 去 给 客户 称 海参 ,而 是 开始 从 盛 满 海参 的 容器 里 一 个 一 个 地 
挑选 起 海参 来 。 一 边 挑选 一 边 给 老人 介绍 什么 样 的 海参 没有 沙 ,营养 价值 更 高 。 足 足 挑 
选 了 十 几 分钟 , 才 为 老人 选 出 了 两 斤 海参 。 送 老人 出 门 时 ,销售 员 随手 拿 出 一 瓶 矿泉 水 递 
给 了 老人 光大 和 爷 ,天 热 您 多 喝 点 水 ,回去 后 海参 发 不 好 再 给 我 打 电 话 啊 。” 

2. 问题 

(1) 刚才 销售 员 为 什么 要 砸 海参 ? 

(2) 换 位 思考 : 如 果 是 自己 去 买 海参 ,你 希望 销售 员 怎 样 接待 你 ? 

(3) 换 位 思考 : 如 果 你 是 销售 员 ,应 该 怎样 对 待 客 户 ? 

3. 实 训 

每 6 人 一 组 ,分 别 扮演 销售 员 和 客户 ,重演 以 上 场景 。 


【操作 2】 客户 服务 管理 

l. 情境 描述 

某 饭 店 是 一 家 接待 商务 客人 的 饭店 。 最 近 一 些 老 客 户 反 映 , 饭 店 客房 里 的 茶叶 氏 由 
于 新 改装 的 茶叶 和 袋 比较 大 ,茶叶 和 饶 的 盖子 盖 不 住 。 客 房 部 经 理 在 查 房 时 也 发 现 了 这 个 问 
题 ,并 通报 了 采购 部 经 理 。 但 是 过 了 三 个 月 ,这 个 问题 仍 没有 解决 。 饭 店 经 理 知 道 了 这 件 
事 ,就 找 来 客房 部 经 理 和 采购 部 经 理 了 解 情况 。 客 房 部 经 理 说 :“ 这 件 事 我 已 经 告诉 采购 
部 经 理 了 。” 采 购 部 经 理 说 :“ 这 件 事 我 已 经 告诉 供 货 商 了 。.” 类 似 的 问题 在 这 家 饭店 多 次 
发 生 。 

2. 问题 

(1) 请 你 用 客户 服务 理论 去 分 析 这 件 事 。 

(2) 换 位 思考 : 如 果 你 是 客房 部 经 理 , 应 该 如 何 处 理 此 事 ? 

(3) 换 位 思考 : 如 果 你 是 销售 部 经 理 , 应 该 如 何 处 理 此 事 ? 

3. 实 训 

每 6 人 一 组 ,分 别 扮演 客房 部 经 理 、 销 售 部 经 理 和 客户 ,重演 以 上 场景 。 

4. 参考 分 析 

可 以 很 明显 地 看 到 ,饭店 相关 部 门 对 顾客 反映 的 情况 都 采取 了 独立 的 应 对 方式 ,但 是 
1 于 部 门 界限 的 存在 ,这 些 不 同 的 业务 功能 往往 很 难以 协调 一 致 的 方式 将 注意 力 集中 在 
客户 的 抱 忽 上 。 为 此 ,企业 各 部 门 须 相 互 合作 ,共同 设计 和 执行 有 竞争 力 的 顾客 价值 传递 
系统 ,以 满足 顾客 的 需求 ,在 顾客 满意 方面 做 好 工作 ,并 由 此 进一步 提高 顾客 的 美誉 度 和 
忠诚 度 。 饭 店 相关 部 门 应 该 针对 顾客 的 抱怨 .对 存在 的 问题 进行 原因 分 析 ,并 及 时 采取 纠 
正 措施 。 

正确 的 做 法 应 该 是 : 采购 部 经 理 在 接 到 情况 反馈 后 ,就 立即 检查 新 改装 的 茶叶 库存 
情况 ,根据 日 消耗 量 计算 库存 使 用 时 间 , 在 重新 订购 和 货运 时 间 人 允许 的 情况 下 ,将 订货 要 
求 告诉 供 货 商 ,以 保证 提供 的 茶叶 满足 客人 的 要 求 。 而 客房 部 经 理 也 不 应 该 仅仅 将 情况 
反馈 给 采购 部 就 不 再 管 了 ,而 应 积极 与 采购 部 沟通 ,及 早 解决 问题 。 

这 个 简单 的 饭店 管理 案例 折射 出 了 一 个 很 普遍 的 客户 服务 管理 中 的 问题 。 随 着 经 济 
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的 发 展 和 生活 水 平 的 提高 ,人 们 不 再 满足 于 基本 的 生活 需求 ,而 是 更 加 注重 具有 个 性 化 和 
人 情 味 的 产品 和 服务 。 具 有 一 定 战略 眼光 的 企业 , 越 来 越 重视 消费 者 的 兴趣 和 感受 ,他 们 
时 刻 关 注 消费 者 需求 的 变化 ,及 时 与 消费 者 沟通 ,并 迅速 采取 相应 市 场 行动 ,以 满足 不 断 
变化 的 消费 需求 。 为 了 给 客户 提供 更 好 的 服务 以 及 能 及 时 有 效 地 处 理 客户 的 抱怨 ,需要 
做 很 多 努力 来 满足 客户 的 需求 ,从 而 使 企业 在 竞争 激烈 的 市 场 中 有 立足 之 地 。 

首先 ,现在 很 多 企业 的 各 个 部 门 在 处 理事 情 时 都 是 从 自己 的 部 门 利益 出 发 的 ,一 个 企 
业内 部 的 部 门 之 间 好 像 是 “独立 "的 。 但 是 所 有 公司 的 每 个 部 门 的 目标 是 一 致 的 一 一 就 是 
让 整个 企业 的 效益 最 大 化 ,各 部 门 紧 紧 地 团结 在 一 起 ,处 理 各 种 事务 。 面 对 客户 的 抱怨 ， 
这 个 部 门 认为 这 是 另外 部 门 的 事 , 男 外 的 部 门 又 会 认为 这 不 是 他 们 部 门 的 事 , 这 样 推 来 推 
去 , 费 了 很 多 劲 , 到 最 后 问题 还 是 没 能 解决 , 却 使 顾客 满腹 牢骚 。 客 户 的 损失 是 有 很 多 麻 
烦 ; 公司 的 损失 是 不 但 少 了 一 个 客户 ,而 且 使 企业 的 形象 大 打折 扣 ! 

其 次 ,在 企业 的 每 个 部 门 紧 紧 地 团结 在 一 起 ,为 企业 的 效益 最 大 化 而 奋斗 的 前 提 下 ， 
每 个 企业 应 该 利用 现代 化 的 科学 技术 ,建立 有 关 客 户 资料 的 数据 库 , 让 企业 的 各 个 层面 的 
管理 者 及 时 发 现 客户 的 需求 变化 ,并 做 出 相应 的 迅速 反应 来 适应 这 一 变化 。 同 时 还 能 让 
各 个 部 门 的 管理 人 员 把 客户 的 不 满 和 抱怨 反映 到 数据 库 上 ,企业 的 每 个 部 门 都 能 在 第 一 
时 间 掌 握 情 况 , 并 携手 各 个 部 门 一 起 来 处 理 问 题 。 

再 次 ,还 是 会 有 很 多 顾客 对 获得 的 服务 感到 失望 。 虽然 他 们 只 是 将 对 企业 的 服务 不 
满 放 在 心里 不 说 ,但 是 他 们 可 能 永远 不 是 这 家 企业 的 回头 客 了 ! 这 对 于 一 家 企业 来 说 是 
多 么 大 的 无 形 损失 啊 ! 所 以 ,企业 很 有 必要 定期 组 织 一 些 有 实质 意义 的 关于 服务 质量 的 
问卷 调查 。 由 于 服务 的 无 形 性 和 时 间 性 ,如 果 得 不 到 来 自 客 户 的 反馈 ,任何 服务 承诺 都 是 
企业 主管 的 一 种 善良 愿望 。 判 断 当 前 服务 中 存在 的 主要 问题 ,并 非 要 使 顾客 的 抱怨 降 至 
最 低 ,而 是 尽 可 能 多 地 让 客户 有 良好 的 条 件 与 渠道 来 提出 真实 意见 的 机 会 ,以 使 企业 知道 
在 哪些 方面 急需 采取 行动 ,最 终 使 失望 的 顾客 获得 满意 。 建 立 在 对 消费 者 科学 抽样 从 而 
获得 代表 性 结果 基础 上 的 顾客 满意 度 调查 ,就 是 一 种 对 服务 质量 进行 评估 的 效果 显著 的 
管理 工具 。 

一 家 企业 如 能 做 到 以 上 三 点 ,至 少 在 客户 服务 这 方面 是 不 存在 问题 的 。21 世纪 , 企 
业经 营 应 以 顾客 的 需求 和 利益 为 中 心 , 绝 不 能 把 企业 提供 的 服务 当做 促销 的 手段 ,而 是 要 
超越 商品 销售 本 身 , 以 赢得 顾客 百分之百 的 满意 。 最 主要 的 是 要 有 一 个 崇高 的 企业 精神 ， 
有 一 个 真诚 为 顾客 服务 的 理念 ,在 市 场 竞 争 环境 中 ,只 有 满足 顾客 需求 才 有 效益 。 因 此 ， 
企业 要 通过 满足 顾客 的 需求 ,用 高 质量 的 服务 产生 更 高 的 效益 。 企 业 要 把 顾客 放 在 应 有 
的 重要 位 置 上 ,将 服务 顾客 看 做 企业 的 一 项 长 期 战略 投资 。 


【操作 3】 银行 客户 服务 

1. 情境 描述 

某 年 11 月 2 日 , 郑 先生 到 “平易 支行 "取款 机 上 准备 取 1000 元 现金 。 正 操作 时 ,手机 
响 了 , 陈 先生 见 吐 了 卡 , 赶 忙 取出 卡 , 转 身 离开 取款 机 屏风 接 电话 。 等 电话 打 完 后 ,再 次 取 
款 时 ,发 现 本 次 取款 与 他 熟悉 的 开户 行 的 取款 机 的 操作 略 有 不 同 : 这 台 取 款 机 是 先 吐 卡 ， 
后 出 钞 , 而 且 他 并 没有 取 钱 但 卡 上 余额 已 减少 了 1000 元 。 这 时 ,他 赶紧 询问 这 家 支行 的 


员工 。 
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Eve 我 没 取 到 钱 ,可 卡 上 少 了 1000 元 ,是 不 是 这 台 机 器 有 毛病 啊 ? 


员工 : 你 是 怎么 操作 的 ? 取 了 卡 有 没有 等 一 下 再 离开 ? 

陈 先生 : 吐 卡 时 ,未 出 钱 啊 ,我 就 接 了 一 个 电话 。 

员工 : 可 能 被 后 面 取款 的 人 拿 走 了 。 我 们 这 人 台 机 器 有 时 反应 慢 ,特别 是 业务 高 峰 时 
期 。 告 诉 你 吧 ,我 们 行 的 系统 早 就 落后 了 .该 换代 了 ,这 台 老 爷 机 早 该 报废 了 。 唉 ! RN 
行 有 毛病 的 地 方 多 着 呢 。 

陈 先生 : 我 的 1000 元 怎么 办 ? 

RT: 谁 叫 你 不 等 一 下 再 离开 , 自 认 倒霉 吧 ! 

2. 问题 

CD 请 你 用 客户 服务 理论 去 分 析 这 件 事 。 

(2) 如 果 你 是 支行 经 理 , 这 样 的 员工 应 把 他 放 在 哪个 部 门 合适 呢 ? 

(3) 换 位 思考 : 如 果 你 是 员工 ,应 该 如 何 处 理 此 事 ? 

(4) 换 位 思考 : 如 果 你 是 陈 先生 ,应 该 如 何 处 理 此 事 ? 

3. Xl 

fj 6 人 一 组 ,分 别 扮演 支行 经 理 、 员 工 和 客户 ,重演 以 上 场景 。 

4. 参考 分 析 

其 实 员工 可 以 做 得 更 好 ,应 该 采取 如 下 做 法 。 

陈 先生 : 我 没 取 到 钱 ,可 卡 上 少 了 1000 元 ,是 不 是 这 人 台 机 器 有 毛病 啊 ? 

员工 : 您 先 别 着 急 ,我 们 对 取款 情况 都 有 实时 录像 ,请 把 当时 的 情况 跟 我 们 讲 一 下 ， 
好 吗 ? 

陈 先生 : 吐 卡 时 ,未 出 钱 啊 ,我 就 接 了 一 个 电话 。 

AT: 请 跟 我 们 一 起 看 一 下 回放 录像 ,好 吗 ? 看 看 是 什么 原因 。 

(原来 在 陈 先生 取 卡 转身 接 电话 的 瞬间 , 钞 已 吐出 。 而 他 后 面 一 个 矮 个 子 青年 便 随手 
取 走 了 那 1000 元 ,) 

员工 : 每 个 行 的 取款 机 , 吐 卡 和 出 钞 方式 可 能 略 有 不 同 ,请 按 屏幕 提示 进行 操作 。 不 
过 ,我 们 会 将 您 失 款 的 情况 上 报 , 请 留 下 联系 电话 ,有 情况 我 们 立即 与 您 联系 。 

陈 先生 : 好 吧 ! 谢谢 您 提醒 。 

从 案例 中 看 出 , 当 客户 有 紧急 要 求 时 ,是 及 时 帮 客 户 解 决 问题 ,还 是 向 客户 “自曝 家 
丑 ”, 这 是 企业 文化 和 员工 素质 的 一 个 体现 。 因 为 不 同 的 处 理 方法 ,可 能 导致 客户 对 一 家 
银行 产生 截然 不 同 的 感受 。 客 户 一 般 容易 相信 内 部 员工 对 本 机 构 的 负面 评价 。 尤 其 是 第 
一 次 上 门 的 客户 ,会 觉得 这 家 银行 “ 真 的 "不行 。 

要 客户 认同 你 的 银行 ,首先 需要 自己 认同 。 确 保 自己 口中 说 出 正面 的 言语 。 正 面 的 

言语 会 转化 为 积极 的 力量 ! 


【操作 4】 饭店 客户 服务 

1. 情境 描述 

某 年 8 月 19 日 , 正 值 旅游 高 峰 时 期 ,四 海 宾朋 云集 东湖 。 在 这 大 好 时 机 下 ,“ 南 方 大 
酒店 ”也 是 宾客 便门。 晚上 ,为 解除 一 天 的 劳累 .客人 纷纷 来 到 了 “南方 大 酒店 ” 燕 桑 拿 。 
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面 对 如 此 多 的 客人 ，… 南 方 大 酒店 ?桑拿 部 真有 点 应 接 不 暇 ,服务 员 疾 走 如 飞 ,技师 们 人 忙 得 
团团 转 , 但 服务 上 不 到 位 的 问题 还 是 出 现 了 。 有 4 位 做 足 道 的 客人 因 不 能 及 时 享受 到 服 
务 ,而 找到 于 山峰 主管 投诉 。 此 时 ,于 主管 也 正 忙 得 团团 转 , 但 他 多 方 协调 处 理 , 陆 续 派 技 
师 前 去 服务 ,并 且 诚 奶 地 对 客人 说 :“ 今 天 ,因为 我 工作 失误 ,没有 按 我 们 的 承诺 ,在 规定 
的 时 间 内 为 您 提供 服务 ,所 以 今天 您 所 有 的 消费 由 我 个 人 承担 .随后 ,于 主管 又 对 收银 员 
做 了 细致 的 安排 交代 。 

客人 消费 结束 回 房间 后 , 打 电 话 到 桑拿 部 ,让 服务 员 一 定 拿 账 单 去 结账 。 这 时 ,于 主 
管 来 到 客人 房间 ,客人 开门 就 说 :“ 小 于 ,今天 就 冲 你 如 此 用 心 工作 ,如 此 诚信 ,如 此 敢 承 
担 责任 ,今天 的 账 我 一 定 要 结 。 并 且 ,不 挂账 ,不 打折 ,否则 ,我 于 心 不 忍 。” 客 人 说 完 ,将 近 
500 元 的 账 用 现金 付款 。 以 后 ,这 位 客人 成 为 “南方 大 酒店 ?桑拿 部 的 忠诚 客户 。 

2. 问题 

CD 请 你 用 客户 服务 理论 去 分 析 这 件 事 。 

(2) 换 位 思考 : 如 果 你 是 于 主管 ,会 如 何 处 理 此 事 ? 

(3) 换 位 思考 : 如 果 你 是 客户 ,会 如 何 处 理 此 事 ? 

3. 实 训 

fi 6 人 一 组 ,分 别 扮演 于 主管 和 客户 ,重演 以 上 场景 。 

4. 参考 分 析 

从 以 上 服务 实例 中 ,也 能 深刻 体会 到 细节 服务 的 真 详 : 

COD 服务 创新 无 止境 ,尤其 是 细节 服务 更 是 取 之 不 尽 , 用 之 不 竭 , 只 要 广大 员工 善 了 
学 习 , 勤 于 探索 ,细心 观察 ,类 似 的 细节 服务 一 定 可 以 源源 不 断 地 被 创造 发 明 出 来 。 

(2) 细节 服务 来 源 于 广大 基层 员工 ,细节 服务 的 原动力 来 自 于 员工 对 客人 真 执 的 关 
心 和 奉献 ,来 自 于 “全 心 全 意 为 客人 服务 ”的 精神 。 

G) 细节 服务 是 饭店 克 敌 制胜 的 法 宝 。 目 前 ,饭店 业 的 竞争 已 趋 白热化 ,要 想 在 竞争 
中 立 于 不 败 之 地 ,就 必须 深 挖 细节 服务 ,在 客人 的 惊喜 和 感动 中 ,培养 忠诚 客户 ,培育 客 源 
市 场 。 
【小 结 】 

通过 以 上 的 实 训 , 可 以 使 学 生 了 解 客户 服务 的 重要 性 ,掌握 客户 服务 的 基本 理论 ,学 
会 客户 服务 的 方法 和 技巧 。 

客户 服务 理念 是 企业 基本 经 营 理念 的 核心 部 分 。 在 现代 企业 中 的 整个 业务 流程 中 ， 
服务 绝 不 仅仅 是 产品 的 一 部 分 那么 简单 。 服 务 不 仅 作为 产品 的 一 部 分 销售 给 客户 ,为 企 
业 带 来 利润 ; 同时 它 也 是 企业 与 外 部 联系 的 一 个 接口 ,起 到 受 外 部 创造 性 意见 的 作用 。 
只 有 树立 起 正确 的 客户 服务 理念 ,企业 的 客户 服务 工作 才能 有 效 地 发 挥 作用 。 错 误 的 客 
户 服务 理念 只 能 使 企业 的 经 营 状况 越 来 越 糟糕 。 
通过 以 上 实 训 可 以 总 结 出 以 下 几 条 : 
(1) 满意 的 员工 造就 满意 的 客户 服务 ; 
(2) 服务 就 是 为 客户 创造 价值 ; 
(3) 客户 服务 要 以 客户 需求 为 导向 ; 
(4) 客户 的 力量 是 千 万 不 可 忽视 的 。 
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【思考 题 】 
1. 实 训 中 用 到 哪些 客户 服务 理论 知识 ? 
2. 你 在 实际 生活 中 遇 到 哪些 客户 服务 的 案例 ?并 请 举例 。 
3. 你 认为 要 做 好 客户 服务 工作 ,最 关键 的 是 什么 ? 为 什么 ? 
4. 作为 一 名 学 生 ,你 认为 这 种 实 训 会 给 你 带 来 什么 实际 的 意义 ? 为 什么 ? 


实 训 2 电话 客户 服务 


【 实 训 目的 要 求 】 
1. 了 解 电话 客户 服务 的 过 程 。 
2. 熟悉 电话 客户 服务 的 概念 。 
3. 学 会 处 理 某 一 件 事 的 方法 和 技巧 。 
【 实 训 内 容 及 操作 步骤 】 
【操作 1】 移动 电话 客户 服务 
1. 情境 描述 
拨打 热线 客户 为 A, 客 户 服务 人 员 为 B。 
IR! 你 好 。 
: 你 好 ,我 是 XX 的 一 个 用 户 …… 
: 我 知道 ,请 讲 ! 
: 是 这 样 ,我 的 手机 这 两 天 一 接 电 话 就 断 线 …… 
: 那 你 是 不 是 在 地 下 室 , 所 以 信号 不 好 呀 。 
: 不 是 ,我 在 大 街 上 都 断 线 ,好 多 次 了 …… 
: 那 是 不 是 你 的 手机 有 问题 呀 ? 我 们 不 可 能 出 现 这 种 问题 ! 
: 我 的 手机 才 买 了 三 个 月 ,不 可 能 出 问题 呀 。 
: 那 可 不 一 定 , 有 的 杂牌 机 刚 买 几 天 就 不 行 了 。 
: 我 的 手机 是 爱立信 的 ,不 可 能 有 质量 问题 …… 
: 那 你 在 哪儿 买 的 ,就 去 哪儿 看 看 吧 ,肯定 是 手机 的 问题 ! 
: 不 可 能 ! 如 果 是 手机 有 问题 , 那 我 用 X XX 的 卡 怎么 就 不 断 线 呀 ? 
: 是 吗 ? 那 我 就 不 清楚 了 。 
: 那 我 的 问题 怎么 办 呀 ,我 的 手机 天 天 断 线 ,你 给 我 交 费 呀 ! 
: 你 这 叫 什 么 话 呀 , 赁 什么 我 交 费 呀 ,你 有 问题 ,在 哪 买 的 你 就 去 哪儿 修 鹃 ! 
: 你 这 叫 什 么 服务 态度 呀 ,我 要 投诉 你 ! …… 
: ( 挂 断 ) 
2. 问题 
CD 请 分 别 指出 拨打 热线 客户 A 和 客户 服务 人 员 B 各 自 的 错误 所 在 。 
(2) 请 指出 客户 服务 人 员 应 如 何 正确 回答 。 
(3) 换 位 思考 : 如 果 你 是 拨打 热线 客户 A, 应 该 如 何 处 理 此 事 ? 
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(4) 换 位 思考 : 如 果 你 是 客户 服务 人 员 B, 应 该 如 何 处 理 此 事 ? 

3. kòl 

每 6 人 一 组 ,分 别 扮演 拨打 热线 客户 和 客户 服务 人 员 ,重演 以 上 场景 。 

4. 参考 分 析 

这 是 一 个 投诉 失败 的 案例 。 在 整个 对 话 当中 ,客户 服务 人 员 都 犯 了 哪些 错误 呢 ? 

第 一 : 服务 用 语 不 够 规范 。“ 喂 ,您 好 !1” 这 是 很 普通 的 接听 电话 的 礼仪 。 而 作为 客户 
服务 电话 的 接听 ,应 比 这 个 礼仪 更 进一步 ,应 该 报 出 自己 的 工 号 和 单位 。 

第 二 : 投诉 的 处 理 过 程 当中 ,客户 服务 人 员 都 在 不 断 打 断 客户 的 谈话 ,违背 了 倾听 技 
巧 的 原则 。 客 户 需要 一 个 倾诉 机 会 ,需要 有 一 个 倾听 者 ,能够 理解 他 ,同情 他 ,帮助 他 。 开 
始 时 客户 还 是 比较 有 理智 的 ,应 该 说 这 个 客户 属于 “分 析 型 客户 ”。 

第 三 : 客户 服务 人 员 在 接待 客户 的 时 候 , 没 有 给 客户 一 个 倾诉 不 满 的 机 会 ,而 是 推 印 
自己 的 责任 ,把 手机 故障 归咎 于 产品 而 不 归咎 于 网 络 。 


【操作 2】 网 络 公 司 客户 服务 

1. 情境 描述 

网 星 公 司 的 一 客户 打 进 电话 ,抱怨 说 最 初 通过 网 络 申请 的 密码 丢失 ,密码 提示 问题 也 
已 经 忘记 。 网 星 公 司 根据 公司 目前 的 解决 方案 只 能 通过 密码 提示 问题 找 回 丢失 的 密码 ， 
没有 其 他 办 法 。 客 户 特征 描述 是 : 情绪 激动 .脾气 暴躁 .急于 找 回 。 打 进 电话 时 语气 急 
速 . 生 硬 \ 不 友好 ; 在 问题 解释 过 程 中 ,客户 没有 耐心 。 

拨打 热线 客户 为 A, 客 户 服务 人 员 为 B。 

: 这 里 是 网 星 公 司 客户 服务 中 心 ,请 问 您 有 什么 问题 ? 

: 我 的 网 上 密码 忘记 了 (或 被 次 了 ) , 找 回 了 很 多 次 都 没 成 功 ? 

: 这 位 先生 ,请 问 您 贵 姓 ? 

: 我 姓 张 。 

: 张 先生 ,请 问 您 找 回 密码 是 通过 我 们 网 站 提交 密码 提问 进行 找 回 的 吗 ? 

: 是 的 。 我 是 一 年 前 注册 的 ,现在 谁 还 能 记 住 密码 提示 问题 ? 

: 密码 找 回 是 通过 密码 提示 问题 找 回 的 。 

: 你 的 意思 就 是 我 就 找 不 回 密码 了 。 

: 张 先 生 , 我 很 理解 您 此 时 的 心情 ,如 果 我 遇 到 您 这 种 情况 ,我 也 会 像 您 一 样 着 急 。 
我 们 这 么 做 的 目的 也 是 为 了 保护 客户 的 利益 。 

A: 保护 我 的 利益 就 要 帮 有 我 找 回 呀 ! 我 都 使 用 一 年 多 了 ,好 不 容易 才 修 炼 到 现在 这 
样 的 级 别 。 我 就 这 样 认 了 吗 ? 

B. 张 先生 ,和 您 的 谈话 中 ,可 以 看 出 您 一 定 是 X X Jr f em Rs EIN Ete EE 
密码 被 偷 、 信 息 被 瓷 的 现象 ,就 像 现 实生 活 中 小 偷偷 走 了 我 们 的 钱包 一 样 ,要 找 回 一 定 需 
要 相应 的 线索 。 而 密码 找 回 也 是 通过 提供 密码 提示 问题 这 一 线索 找 回 的 。 和 希望 您 能 
理解 。 

B: (保持 沉默 20 秒 ) 

A: 那 好 吧 ! 

B. 您 可 以 好 好 的 再 想 一 想 ,多 去 尝试 几 回 。 在 网 络 提 交 过 程 中 ,有 什么 不 清楚 的 地 
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方 ,我 们 随时 欢迎 您 再 次 拨打 我 们 的 电话 。 

A: 好 吧 ! 

B: 我 很 希望 能 够 给 您 更 多 的 帮助 。 目 前 密码 的 找 回 只 能 通过 密码 提示 问题 。 如 果 
公司 有 其 他 的 方案 ,会 第 一 时 间 通 知 您 。 请 您 多 多 包涵 。 

A: 谢谢 ! (结束 电话 ) 

2. 问题 

CD 请 问 客户 服务 人 员 利 用 了 哪些 技巧 ? 在 什么 地 方 使 用 ? 

D 换 位 思考 : 如 果 你 是 客户 ,应 该 如 何 处 理 此 事 ? 

(3) 换 位 思考 : 如 果 你 是 客户 服务 人 员 ,应 该 如 何 处 理 此 事 ? 

3. 实 训 

每 6 人 一 组 ,分 别 扮演 员工 和 客户 ,重演 以 上 场景 。 

4. 参考 分 析 

CD 在 我 们 提供 给 客户 最 终 解决 方案 后 ,客户 依然 不 能 满意 (前 提 是 公司 不 能 提供 更 
多 的 支持 以 帮助 解决 问题 ) 。 在 其 后 的 交谈 中 , 抓 住 一 个 原则 ,在 感情 上 理解 ,同时 体现 自 
己 尽 力 帮 助 客户 的 心情 。 不 要 使 客户 的 矛盾 升级 化 ,最 终 使 客户 能 够 较 满意 。 

(2) 对 于 难处 理 的 问题 ,在 客观 上 ,部 分 由 于 公司 内 部 的 原因 ,我 们 的 解决 方案 不 可 
能 按照 客户 的 意愿 进行 ,注意 将 企业 最 终 能 够 提供 的 解决 方案 细 化 成 逐步 深入 的 小 的 解 
决 方案 。 若 一 次 把 公司 的 底线 呈现 给 客户 ,如 果 客 户 还 不 满意 ,坐席 人 员 在 回答 时 ,就 没 
有 后 路 。 据 统计 ,通过 细 化 解决 方案 的 方式 解决 难处 理 的 问题 ,可 提高 20% ~ 30 %6 KS fi: 
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【操作 3】 客户 到 底 想 要 我 做 什么 
1. 情境 描述 


客户 : 
员工 : 
客户 : 
员工 : 
客户 : 
RT: 
客户 : 
员工 : 
客户 : 
员工 


我 想 查 一 下 我 的 X X 卡 在 不 在 电话 银行 上 。 

XX 号 ,没有 。 

那 你 帮 有 我 查 一 下 ,是 不 是 登记 到 别 的 卡号 上 了 。 

查 不 到 。 肯 定 是 没 注 册 上 ,你 在 哪 办 的 ? 

XXX 柜台 。 

那 你 要 到 柜台 去 一 下 , 重 办 一 次 。 

你 能 否 帮 我 查 一 下 ,是 挂 错 了 还 是 没 挂 上 。 

一 定 是 XX 支行 做 错 了 .他 们 经 常 错 . 我 这 里 查 不 到 ,你 到 柜台 
查 不 到 原因 我 去 干什么 ? 


: 我 们 这 里 的 业务 必须 要 到 柜台 办 理 的 ,你 知道 吧 , 这 样 吧 , 我 打 电 话 叫 他 们 来 


台 服 务 人 员 : 是 XX 吗 ? 我 是 XX 网 点 的 ,我 们 单位 服务 热线 打 电 话 来 ,正好 我 接 
电话 ,我 不 是 这 里 的 负责 人 ,你 明天 下 午 到 这 里 来 一 趟 好 吗 ? 


客户 : 


你 能 否 帮 我 查 一 下 我 的 卡 是 否 挂 到 电子 银行 ? 还 是 挂 错 了 ? 


柜台 服务 人 员 : 你 是 哪 天 挂 的 ? 谁 帮 你 挂 的 ? 


客户 : 


一 周 前 ,左边 第 一 个 柜台 。 


第 1 部 分 客户 服务 方法 与 技巧 实 训 


柜台 服务 人 员 : 你 一 定 记 错 了 ,我 问 过 了 ,左边 第 一 个 没 帮 你 办 过 。 
客户 : 我 就 想 问 一 下 你 能 和 否 帮 我 查 一 下 我 的 卡 是 否 挂 到 电子 银行 ? 还 是 挂 错 了 ? 
台 服 务 人 员 : 那 我 查 不 了 .他 们 都 讲 没 办 过 ,我 要 到 楼 上 帮 你 翻 ,很 麻烦 的 ,我 也 不 

是 这 里 的 负责 人 ,只 是 正好 接 到 这 个 电话 。 

客户 : 那 你 给 我 打 这 个 电话 什么 意思 呢 ? 

柜台 服务 人 员 : 我 也 不 是 这 里 的 负责 人 ,只 是 正好 接 到 这 个 电话 。 我 找 我 们 经 理 给 
你 打 电话 好 了 。 

客户 : 我 就 问 个 简单 的 问题 ,你 们 搞 了 这 一 大 圈 ,什么 也 没 解决 ,你 们 怎么 回 事 ? 

2. 问题 

(1) 请 用 客户 服务 理论 处 理 此 事 。 

(2) 换 位 思考 : 如 果 你 是 客户 ,应 该 如 何 处 理 此 事 ? 

(3) 换 位 思考 : 如 果 你 是 热线 接待 人 员 ,应 该 如 何 处 理 此 事 ? 

(4) 换 位 思考 : 如果 你 是 柜台 服务 人 员 ,应 该 如 何 处 理 此 事 ? 

3. 实 训 

每 6 人 一 组 ,分 别 扮演 热线 接待 人 员 ,柜台 服务 人 员 和 客户 ,重演 以 上 场景 。 

4. 参考 分 析 

在 这 个 案例 中 ,客户 的 感受 肯定 是 不 好 的 。 导 致 本 次 服务 行为 不 成 功 的 原因 有 以 下 
几 种 。 

COD 服务 人 员 没 有 和 弄 清 客户 的 需求 。 在 本 案例 中 ,客户 的 主要 问题 是 核实 其 银行 卡 
是 否 开通 了 电话 银行 功能 。 热 线 客服 代表 没有 正确 理解 客户 的 真正 需求 ,帮助 客户 查询 
原因 ,进行 指导 ,而 是 主观 推断 “柜台 搞 错 了 ”, 并 不 顾客 户 要 求 将 任务 下 派 到 营业 部 。 而 
一 线 服 务 人 员 在 没有 搞 清 客户 的 需求 情况 下 ,就 贸然 与 客户 进行 联系 ,不 但 没有 很 好 地 解 
决 问题 ,化解 客户 的 疑虑 ,还 营 得 客户 十 分 不 满意 。 

(2) 服务 人 员 对 客户 使 用 了 服务 禁忌 语 , 如 :“ 你 知道 吗 ?”、“ 一 定 是 XX 错 了 ,他 们 
经 常 错 ”“ 我 查 不 到 ”“ 我 不 是 这 里 负责 的 ”"“ 我 还 要 X X X ,很 麻烦 的 1” 等 。 

(3) 指责 和 推 请 。 面 对 客户 ,主观 指责 其 他 部 门 ,给 客户 造成 推 凄 的 感觉 。 

(4) 专业 服务 技能 欠缺 。 对 于 客户 提出 的 问题 ,没有 运用 自己 的 专业 知识 快速 判断 ， 
找 出 迅速 解决 问题 的 办 法 。 

正确 的 处 理 , 可 以 这 样 : 

首先 认真 查询 客户 信息 ,找到 业务 没有 办 理 成 功 的 原因 , 留 下 客户 联系 电话 ,并 对 客 
户 承 诺 在 X X 时 间 回 复 客户 ,随后 与 相关 部 门 进行 联系 .确定 问题 解决 的 方法 及 业务 联系 
人 ,然后 及 时 答复 客户 (如 需要 客户 亲自 到 场 ,这 时 才 告 诉 客户 .并 告诉 客户 要 做 哪些 事 
情 , 同 时 向 顾客 表示 娄 意 和 今后 改进 服务 的 诚意 ) 。 


【操作 4】 如 果 客 户 错 了 ,我 要 跟 他 争辩 清楚 谁 是 谁 非 , 直 到 他 认识 到 自己 错 了 吗 

1. 情境 描述 

客户 : 哎 ! 怎么 搞 的 ,我 的 股票 红利 怎么 还 没有 到 账 ? 为 什么 人 家 证 券 公 司 到 了 你 
们 证 券 公司 不 到 账 呢 ? 

坐席 : 这 只 股票 红利 发 放 日 是 今天 ,你 要 明天 才 可 以 在 您 账户 上 面 查 询 到 。 
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客户 : 为 什么 ? 交易 所 公布 今天 发 放 , 为 什么 你 们 明天 才 给 我 呢 ? 你们 现在 必须 
给 我 ! 

坐席 : 你 理解 有 错误 ,今天 是 红利 发 放 日 ,但 是 钱 是 明天 才能 到 你 账 上 的 ,因为 我 们 
要 清算 。 你 明天 查 一 下 就 可 以 了 。 

客户 : 既然 叫 红利 发 放 日 ,就 是 发 放 么 ,为 什么 要 到 明天 呢 ? 这 不 是 要 少 给 我 利息 吗 ? 

坐席 : 红利 发 放 日 指 的 是 …… 

客户 : 这 是 你 们 自己 规定 的 还 是 证 监 会 规定 的 ? 

(客户 和 坐席 争吵 起 来 ) 

2. 问题 

(1) 请 用 客户 服务 理论 处 理 此 事 。 

(2) 换 位 思考 : 如 果 你 是 客户 ,应 该 如 何 处 理 此 事 ? 

(3) 换 位 思考 : 如 果 你 是 坐席 ,应 该 如 何 处 理 此 事 ? 

(4) 换 位 思考 : 如 果 你 是 观众 ,如 何 看 待 此 事 ? 

3. 实 训 

fi 6 人 一 组 ,分 别 扮演 坐席 和 客户 ,重演 以 上 场景 。 

4. 参考 分 析 

以 上 案例 中 ,服务 人 员 与 客户 争吵 起 来 ,想必 大 家 都 留 下 了 不 好 的 感觉 。 那 么 如 果 客 
户 确实 错 了 ,服务 人 员 需 要 与 其 争辩 个 谁 是 谁 非 吗 ? 如 何 才能 避免 此 类 情景 呢 ? 下 面 进 
行 具体 分 析 。 

(1) 在 以 上 案例 中 ,客户 的 问题 包含 两 个 内 容 : 一 是 关于 红利 发 放 日 的 解释 ,二 是 查 
询 红 利 为 何 没 到 账 。 关 于 红利 到 账 日 的 问题 明显 客户 是 理解 错 了 ,坐席 在 跟 客户 解释 的 
时 候 , 因 争论 这 个 问题 的 对 错 而 纠缠 在 了 一 起 ,导致 争吵 。 

(2) 比较 妥善 的 处 理 : 我 们 认为 在 关于 红利 发 放 日 的 问题 上 ,只 要 用 简洁 明确 的 语 
言 一 次 表达 清楚 就 行 了 , 没 必要 为 这 个 为 题 与 客户 反复 纠缠 ,以 避免 陷 人 无 谓 争 辩 。 接 着 
转 和 人 第 二 个 问题 , 即 红利 到 账 的 问题 , 先 查 询 客户 红利 信息 是 否 有 差错 ,如 有 就 要 帮 有 客户 
解决 问题 ; 如 没有 , 则 清楚 地 告诉 客户 在 何 时 红利 将 会 到 账 , 如 客户 有 疑问 ,再 解释 一 下 
工作 流程 就 可 以 了 。 
【小 结 】 

通过 以 上 的 实 训 , 可 以 使 学 生 了 解 电话 客户 服务 的 重要 性 ,掌握 电话 客户 服务 的 基本 
理论 ,学 会 电话 客户 服务 的 方法 和 技巧 。 

在 当今 时 代 , 企 业 的 竞争 已 经 由 传统 上 的 性 能 、 价 格 的 对 抗 逐 渐 演 化 到 服务 上 的 较 
量 。 如 何 做 好 客户 服务 ,如何 使 企业 的 服务 引领 产品 或 服务 的 销售 ,成 为 许多 企业 关注 与 
思考 的 焦点 。 电 话 服务 的 一 个 重要 的 目的 之 一 就 是 把 管理 者 所 关注 的 问题 转化 成 坐席 人 
员工 作 中 的 流程 与 可 执行 的 步骤 。 

通过 以 上 实 训 可 以 总 结 出 以 下 几 条 : 

(1) 降低 成 本 是 任何 企业 发 展 的 根本 ; 

(2) 融合 通信 保证 便宜 通话 、 高 效 管理 ; 

(3) 融合 通信 让 沟通 变 得 简单 。 
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【思考 题 】 
1. 实 训 中 用 到 哪些 电话 客户 服务 理论 知识 ? 
2. 你 在 实际 生活 中 遇 到 过 哪些 电话 客户 服务 的 案例 ?请 举例 。 
3. 你 认为 要 做 好 电话 客户 服务 工作 ,最 关键 的 是 什么 ”为 什么 ? 
4. 作为 一 名 学 生 , 你 认为 这 种 实 训 会 给 你 带 来 什么 实际 的 意义 ?为 什么 ? 


实 训 3 客户 服务 用 语 技巧 


【 实 训 目 的 要 求 】 

1. 了 解 客户 服务 语言 的 过 程 。 

2. 掌握 客户 服务 的 一 般 语言 技巧 。 

3. 学 会 处 理 某 一 件 事 的 方法 和 技巧 。 

【 实 训 内 容 及 操作 步骤 】 

【操作 1】 尽量 正面 表述 ,减少 负面 用 语 

l. 坐席 用 语 简介 

作为 一 个 坐席 代表 ,进入 坐席 开始 接听 客户 来 电 时 ,你 的 语言 表达 应 该 从 * 生 活 随意 
型 " 转 到 “坐席 专业 型 *。 在 家 中 ,他 在 朋友 面前 可 以 不 经 过 考虑 而 随心 所 欲 地 表达 出 个 人 
的 性 格 特点 。 在 工作 环境 中 就 必须 养 成 适合 的 用 词 ,发音 以 及 表达 的 逻辑 性 。 作 为 坐席 
代表 ,他 面 对 的 是 每 一 个 各 不 相同 的 来 电 者 ,是 个 性 ,心境 、 期 望 值 各 不 相同 的 个 体 。 他 既 
要 有 个 性 化 的 表达 沟通 ,又 必须 掌握 许多 有 共性 的 表达 方式 与 技巧 以 便 随 时 应 用 。 

在 保持 一 个 积极 的 态度 时 .沟通 用 语 也 应 当 尽 量 选择 体现 正面 意思 的 词 。 比 如 说 ,要 
感谢 客户 在 电话 中 的 等 候 , 常 用 的 说 法 是 “很 抱歉 让 你 久 等 "。 这 ”抱歉 和 久 等 ?实际 上 在 湾 
意识 中 强化 了 对 方 “ 久 等 ?这 个 感觉 。 从 置 候 回 到 谈话 的 时 候 , 比 较 正面 的 表达 可 以 是 “ 感 
谢 您 的 耐心 等 待 ”。 可 以 根据 等 候 时间 的 长 短 ,分 别 说 “谢谢 等 候 ”、“ 感 谢 您 的 耐心 ”“ 非 
常 感谢 您 的 耐心 等 待 ”等 几 个 层次 。 

又 比如 , 想 给 客户 以 信心 ,于 是 说 “这 并 不 比 上 次 那个 问题 差 ”, 按 照 上 面 的 思路 ,应 当 
换 一 种 说 法 “这 次 比 上 次 的 情况 好 ”。 即 使 是 客户 这 次 真 的 有 些 麻烦 ,也 不 必 说 “你 的 问 
题 确实 严重 ”, 换 一 种 说 法 则 更 好 :“ 这 种 情况 有 点 不 同 以 往 ”。 

2. 坐席 用 语 技巧 

可 能 用 语 : 问题 是 那个 产品 都 卖 完了 。 

更 好 表达 : 由 于 需求 很 高 ,我 们 暂时 没 货 了 。 

可 能 用 语 : 你 怎么 对 我 们 公司 的 产品 老 是 有 问题 。 

更 好 表达 : 看 上 去 这 些 问 题 很 相似 。 

可 能 用 语 : 我 不 能 给 你 他 的 手机 号 码 。 

更 好 表达 : 您 可 否 向 他 本 人 询问 他 的 手机 号 。 

可 能 用 语 : 我 不 想 给 您 错误 的 建议 。 

更 好 表达 : 我 想 给 您 准确 的 建议 。 
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可 能 用 语 : 您 没有 必要 担心 这 次 修 后 又 坏 。 

更 好 表达 : 您 这 次 修 后 尽管 放心 使 用 。 

可 能 用 语 : 我 们 的 网 络 不 可 能 像 您 说 得 这 么 差 吧 ? 

更 好 表达 : 也 许 有 些 不 巧 ,但 我 们 网 络 很 少 出 现 这 类 问题 。 我 们 来 看 看 怎么 回 事 。 

可 能 用 语 : 是 不 是 ATM 机 把 您 的 钱 吞 掉 啦 ? 

更 好 表达 : 您 是 说 ATM 计算 的 数 和 您 算 的 不 一 致 ? 

能 用 “我 * 则 不 用 “你 ”。 

对 于 大 量 日 常 习惯 用 “你 ”开头 的 表达 ,专家 建议 ,如 有 可 能 尽量 用 “我 ”代替 “你 ”, 体 
会 一 下 二 者 给 人 的 感觉 是 不 一 样 的 。 

可 能 用 语 : 请 问 您 的 名 字 / 电 话 号 码 ? 

更 好 表达 : 我 可 以 知道 你 的 名 字 吗 ?或 我 该 怎么 称呼 您 ? 

可 能 用 语 : 你 必须 还 要 签字 ,否则 我 没 办 法 …… 

更 好 表达 : 我 们 是 为 您 的 …… 着 想 ,签字 就 …… 

可 能 用 语 : 你 错 了 ,不 是 那样 的 ! 

更 好 表达 : 对 不 起 我 没 说 清楚 ,但 我 想 它 运作 的 方式 有 些 不 同 。 

可 能 用 语 : 如 果 你 需要 我 的 帮助 ,你 必须 …… 

更 好 表达 : 我 愿意 帮助 你 ,但 首先 我 需要 …… 

可 能 用 语 : IRE ASIE WR eee 

更 好 表达 : 我 得 到 了 不 同 的 结果 。 让 我 们 一 起 来 看 看 到 底 怎 么 回 事 。 

可 能 用 语 : 听 着 , 那 没 有 坏 , 所 有 系统 都 是 那样 工作 的 。 

更 好 表达 : 那 表明 系统 是 正常 工作 的 。 让 我 们 一 起 来 看 看 到 底 哪 儿 存 在 问题 。 

可 能 用 语 : 注意 ,你 必须 今天 完成 。 

更 好 表达 : 如 果 您 今天 能 完成 ,我 会 非常 感激 。 

可 能 用 语 : 当然 你 会 收 到 。 但 你 必须 把 名 字 和 地 址 给 我 。 

更 好 表达 : 当然 我 会 立即 发 送 给 你 一 个 ,我 能 知道 你 的 名 字 和 地 址 吗 ? 

可 能 用 语 : 你 还 是 没 弄 明白 ,这 次 听 好 了 。 

更 好 表达 : 也 许 我 说 的 不 够 清楚 ,请 允许 我 再 解释 一 遍 。 

“你 ”会 给 人 以 教育 .指挥 的 感觉 ,而 "我" 则 是 一 种 谦逊 。 

3. 问题 

COD 分 析 以 上 的 “更 好 表达 ”用 语 ,哪些 是 优秀 的 ? 哪些 是 还 可 以 修改 的 ? 

(2) 你 在 日 常生 活 中 是 否 用 了 这 些 语言 ? 请 举例 。 

G) 你 认为 有 没有 必要 学 习 这 些 文明 用 语 ? 为 什么 ? 

CL) 请 在 师 生 关系 处 理 上 ,创新 出 10 条 “更 好 表达 ”用 语 。 

4. 实 训 

每 6 人 一 组 ,分 别 扮 演员 工 和 客户 ,重演 电话 对 话 场景 。 

【操作 2】 如 果 别 人 错 了 ,客户 有 情绪 ,我 怎么 办 

1. 情境 描述 

客户 : 哎呀 ,你 们 的 XX 怎么 又 错 了 ? 现在 买 也 买 不 了 , 卖 也 卖 不 出 ,你 们 干什么 吃 
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的 ? 我 要 销 户 ! 

坐席 一 : 这 是 他 们 XX 部 门 的 事 , 我 也 没 办 法 。 

坐席 二 : 你 骂 我 干什么 ”又 不 是 我 搞 错 的 …… 

2. 问题 

(1) 请 用 客户 服务 理论 处 理 此 事 。 

(2) 换 位 思考 : 如 果 你 是 坐席 ,应 该 如 何 处 理 此 事 ? 

(3) 换 位 思考 : 如 果 你 是 客户 ,应 该 如 何 处 理 此 事 ? 

3. 实 训 

每 6 人 一 组 ,分 别 扮演 坐席 和 客户 ,重演 以 上 场景 。 

4. 参考 分 析 

以 上 是 一 个 典型 的 抱怨 案例 ,我 们 经 常会 遇 到 ,这 时 的 客户 需求 是 两 个 方面 的 : 第 一 
是 情感 方面 ,需要 宣泄 不 满 的 情绪 ; 第 二 是 业务 方面 ,希望 能 立刻 解决 或 知道 何 时 能 解决 
问题 。 在 本 案例 中 ,两 位 服务 人 员 的 回答 都 是 不 妥当 的 ,都 没有 站 在 客户 立场 考虑 问题 。 

坐席 一 : 指责 别 的 部 门 , 没 有 满足 客户 这 时 的 情感 需求 ,并 且 把 客户 提交 的 情绪 需求 
推出 去 了 ,给 客户 以 事 不 关 己 和 推 诱 的 感觉 ,会 让 客户 感觉 堵 得 慌 。 

坐席 二 : 服务 人 员 产 生 角 色 认 知 错误 ,以 为 客户 指责 的 是 自己 ,因此 急于 洗 清 自己 ， 
导致 客户 更 大 的 不 满 。 

我 们 的 看 法 是 ,客户 因 公 司 的 系统 或 工作 差错 来 抱怨 是 很 正常 的 ; 客户 对 服务 人 员 
抱怨 ,是 还 信任 我 们 ,是 期 望 我 们 能 满足 他 的 要 求 。 那 么 作为 服务 人 员 ,首先 要 表达 对 客 
户 的 理解 和 同情 一 一 满足 他 的 情感 需求 。 其 次 ,积极 寻求 相关 部 门 的 协助 ,帮助 客户 解决 
问题 ,并 把 我 们 的 努力 诚 县 地 表达 给 客户 ,如 问题 一 时 不 能 解决 ,也 要 告诉 客户 正在 帮 他 
解决 问题 。 

结论 : 

优质 的 服务 王 态度 十 知识 十 技巧 

(1) 优秀 客户 服务 人 员 的 出 色 之 处 在 于 迅速 了 解 客户 的 需求 以 及 解决 客户 问题 的 能 
力 。 不 同 客 户 对 服务 有 着 不 同 要 求 , 也 就 是 说 对 服务 的 期 望 值 不 同 ,作为 服务 人 员 ,时刻 
要 用 理解 、 真诚、 专业 勉励 自己 。 

(2) 专业 知识 是 保证 优质 服务 的 前 提 。 客 服 人 员 必 须 具 有 扎实 的 业务 知识 才能 够 为 
客户 及 时 迅速 地 解决 问题 。 处 理 准 确 和 迅速 ,才能 使 客户 对 自己 和 公司 产生 信赖 感 。 

(3) 服务 态度 很 重要 。 服 务 技能 对 于 提供 优质 的 服务 也 是 十 分 必要 的 ,有 热情 、 积 极 
的 态度 ,还 要 善于 倾听 ,了 解 客户 真正 需要 什么 , 抓 住 主要 问题 ,及 时 解决 ,用 良好 的 沟通 
技能 与 客户 交流 ,体现 高 品质 的 服务 和 专业 素养 。 

(4) 设身处地 为 客户 着 想 。 作 为 客户 服务 代表 ,能 够 经 常 进行 换 位 思考 是 非常 重要 
的 。 站 在 客户 的 角度 去 思考 问题 ,理解 客户 ,才能 提供 良好 的 服务 。 


【操作 3】 是 我 们 的 失误 .我 们 该 怎么 办 

1. 情境 描述 

美国 某 花 店 经 理 接 到 一 位 顾客 的 电话 ,说 她 订购 的 20 支 玫 瑰 送 到 她 家 的 时 间 迟 了 一 
个 半 小 时 ,而 且 花 已 经 不 那么 鲜艳 了 。 第 二 天 . 那 位 夫人 接 到 了 这 样 一 封 信 。 
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亲爱 的 凯 慈 夫人 : 

感谢 您 告知 我 们 那些 玫瑰 在 很 差 的 情况 下 已 经 到 达 您 家 的 消息 。 在 此 信 的 附件 里 ， 
请 查找 一 张 偿 还 您 购买 这 些 玫 瑰 所 用 的 全 部 金额 的 支票 。 

由 于 我 们 送 货车 中 途 修理 的 意外 耽搁 ,加 之 昨天 不 正常 的 高 温 , 导 致 您 的 玫瑰 我 们 未 
能 按时 保质 交 货 ,为 此 ,请 接受 我 们 的 菊 意 和 保证 。 我 们 保证 将 采取 有 效 措施 以 防止 这 
类 事情 的 再 次 发 生 。 

在 过 去 的 两 年 里 ,我 们 总 是 把 您 看 作 一 个 尊敬 的 顾客 ,并 一 直 为 此 感到 荣幸 。 顾 客 的 
满意 乃 是 我 们 努力 争取 的 目标 。 请 让 我 们 了 解 怎样 更 好 地 为 您 服务 。 

您 真诚 的 霍华德 ， 佩 雷 斯 (经 理 签名 ) 


2. 问题 

CD 请 问 这 种 处 理 方式 有 哪些 好 处 ?为 什么 ? 

(2) 换 位 思考 : 如 果 你 是 经 理 ,应 该 如 何 处 理 此 事 ? 
CD 换 位 思考 : 如 果 你 是 客户 ,应 该 如 何 处 理 此 事 ? 
3. Kdl 

每 6 人 一 组 ,分 别 扮演 经 理 和 客户 ,重演 以 上 场景 。 


【操作 4】 主动 式 客户 服务 基本 用 语 

1. 情境 描述 

COD 老 客 户 的 服务 基本 用 语 思路 

(D 开场 白 : 您 好 ! WREX 义 先 生 /女士 吗 ? 我 是 X X 公 司 X X 营业 部 。 我 
姓 X。 是 这 样 的 ,您 以 前 曾 是 我 们 公司 的 客户 ,我 们 现在 针对 一 些 老 客户 做 一 个 回访 ( 停 
顿 1 秒 ) 。 

O 我 想 了 解 一 下 ,您 当初 为 何 会 离开 我 们 营业 部 ? (停顿 ,等 待 客户 回答 ) 

如 客户 确 对 营业 部 提出 问题 或 不 满 ,要 求 做 通话 后 记录 。 而 且 在 通话 中 要 肯定 和 感 
谢 客 户 所 提 的 宝贵 意见 ,并 且 根 据 情况 检讨 以 前 本 营业 部 某 方面 工作 的 不 足 , 然 后 重点 要 
强调 说 明 : 本 公司 的 领导 也 已 意识 到 了 这 些 问题 .所 以 现在 我 们 已 经 改变 了 以 前 的 某 某 
做 法 ,不 断 提升 完善 公司 对 客户 的 服务 和 咨询 。 

如 客户 是 由 于 家 中 搬迁 而 转 户 的 ,首先 要 问 清 客户 搬 到 哪个 区 域 ,然后 重点 用 介绍 远 
程 交易 的 用 语 。 如 客户 是 由 于 别人 介绍 或 经 纪 人 开发 等 原因 被 人 控 走 的 ,或 无 从 回答 , 则 
接着 引用 提问 型 用 语 。 

© 那么 ,请 问 您 现在 在 哪 家 证 券 公司 做 股票 ? (停顿 ,等 待 客户 回答 ) 那 您 觉得 在 那 
里 做 股票 感觉 怎么 样 ? (停顿 ,等 待 客户 回答 ) 

客户 一 般 会 回答 感觉 一 般 或 还 可 以 吧 。 此 时 仍 需 继续 发 问 , 但 其 中 还 应 有 “ 哦 “是 
吗 ?” 等 转 接 词 或 根据 情况 迎合 客户 的 话语 。 

由 那里 有 人 专门 为 你 提供 一 对 一 的 服务 吗 ? 有 人 教授 你 投资 技巧 和 方法 吗 ? 〈 璧 如 
有 人 教授 你 “ 永 不 套牢 法 ”和 “安定 操作 法 ” 吗 ?) 

对 方 基 本 上 都 会 回答 没有 。 所 有 接 下 来 应 着 重 介绍 营业 部 为 投资 者 提供 的 咨询 服 
务 等 。 

C) 真 的 ! 我 们 这 现在 变化 很 大 .尤其 是 在 咨询 和 服务 上 .您 来 我 们 这 看 看 吧 , 说 不 定 
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还 能 见 到 以 前 一 起 做 股票 的 朋友 …… (停顿 ) 那 这 样 吧 ,您 今天 有 空 吗 ? 您 到 我 们 这 来 看 
一 下 ,我 让 我 们 这 特聘 的 专职 分 析 师 为 您 分 析 一 下 您 手中 的 股票 和 近期 大 盘 的 走势 ,同时 
我 还 送 您 一 张 在 我 们 这 深 受 投资 者 欢迎 的 股市 实战 班 的 听课 证 ,这 可 是 价值 X X Xx。 

如 果 对 方 当天 没 空 也 没关系 ,可 以 男 约 时 间 , 但 需要 引导 客户 确定 确切 的 时 间 , 而 且 
告诉 客户 你 在 那天 会 在 公司 等 他 。 如 果 客 户 还 是 不 愿 确定 来 的 时 间 , 那 你 必须 把 你 的 联 
系 方式 留 给 对 方 。 

(2) 新 客户 电话 拜访 ( 盲 打 ) 的 用 语 思 

O 开场 白 : 您 好 ! 这 是 证 券 公司 打 来 的 ,我 姓 X ,请 问 您 这 里 做 股票 的 人 在 吗 ? 

由 于 是 “ 盲 打 ”, 对 方 是 否 做 股票 还 未 知 ,而 且 最 好 不 要 先 报 出 你 所 在 证 券 公司 的 名 
字 。 对 于 空 号 和 无 价值 号 码 ,做 放弃 处 理 。 对 于 号 码 忙 音 或 无 人 接听 的 情况 ,应 记 下 当时 
拨打 的 时 间 ,其 后 在 不 同时 段 ( 包 括 休 息 日 ) 再 行 拨打 , 当 一 个 号 码 三 次 不 同时 段 拨打 均 无 
人 接听 时 即 做 放弃 处 理 。 

“ 言 打 ?” 电 话 接 通 后 遇见 的 情况 比较 复杂 ,可 能 会 遇见 各 种 性 格 和 类 型 的 客户 ,所 以 在 
打 电 话 之 前 应 明确 你 针对 不 同 客户 要 套用 何 种 话 术 。 

@ 对 方 回答 : 我 们 这 没 人 做 股票 …… 

此 类 客户 开发 可 能 性 较 低 ,试探 客户 语气 进行 交流 : 那么 您 对 投资 股票 有 兴趣 吗 ? 
(停顿 ,等 待 客户 回答 ) 前 段 时 间 (2 月 1 日 ) 国 务 院 发 布 了 针对 资本 市 场 ( 证 券 市 场 ) 的 九 
条 意见 ,不 知 您 听 说 过 吗 ? (停顿 ,等 待 回答 ) 可 以 预见 ,今年 证 券 市 场 将 有 很 大 的 投资 机 
会 和 获 利 机 会 ,您 觉得 呢 ? (停顿 ,等 待 回 答 ) 

您 今天 有 空 吗 ? 您 到 我 们 这 来 看 看 ,我 在 营业 部 等 您 。 我 们 这 有 特聘 的 专业 分 析 师 
可 以 为 您 提供 投资 建议 ,并 且 还 有 专门 为 您 这 样 从 未 入 市 的 投资 者 安排 的 “ 永 不 套牢 法 ” 
和 “安定 操作 法 ”等 一 系列 的 投资 课程 。( 停 顿 ,试探 客户 反应 ) 

如 对 方 仍 有 顾虑 ,还 可 以 接着 引导 : 当然 ,如 果 您 担心 投资 股票 有 风险 ,我 们 这 还 有 
其 他 的 投资 品种 供 您 选择 ,譬如 债券 .开放 式 基 金 、. 集 合理 财 …… 您 可 以 从 中 获得 高 于 银 
行 存款 利息 且 风 险 极 低 的 投资 收益 。 这 样 吧 ,您 今天 有 空 吗 ? 您 来 我 们 这 看 看 ,我 在 营业 
部 等 您 ,我 会 让 我 们 这 儿 的 理财 顾问 给 您 详细 地 介绍 好 的 投资 品种 。 

如 果 对 方 当 天 没 空 也 没关系 ,可 以 另 约 时 间 ,但 需要 引导 客户 确定 确切 的 时 间 ,而 且 
告诉 客户 你 在 那天 会 在 公司 等 他 。 如 果 客 户 还 是 不 愿 确定 来 的 时 间 , 那 你 必须 把 你 的 联 
系 方式 留 给 对 方 。 

2. 问题 

CD 请 问 这 种 处 理 方式 有 哪些 好 处 ”为 什么 ? 

(2) 换 位 思考 : 如 果 你 是 员工 ,应 该 如 何 处 理 此 事 ? 

(3) 换 位 思考 : 如 果 你 是 客户 ,应 该 如 何 处 理 此 事 ? 

3. 实 训 

每 6 人 一 组 ,分 别 扮演 员工 和 客户 ,重演 以 上 场景 。 

【小 结 】 

通过 以 上 的 实 训 可 以 使 学 生 了 解 客户 服务 用 语 的 重要 性 ,掌握 客户 服务 用 语 的 基本 

理论 ,学 会 客户 服务 用 语 的 方法 和 技巧 。 


^N 
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电话 服务 并 非 只 是 通过 电话 做 一 些 回答 ,对 于 那些 回答 ,我 们 必须 做 好 很 充分 的 准 
备 ,这 些 就 包括 对 业务 的 熟悉 、 对 流程 的 掌握 、 对 情绪 的 控制 .对 时 态 的 了 解 以 及 面 对 压 力 
的 考验 等 一 系列 的 准备 。 

都 说 上 帝 赐 给 人 类 最 贵重 的 礼物 是 微笑 。 微 笑 是 可 以 听 出 来 的 ,虽然 客户 看 不 到 我 
们 ,但 是 却 可 以 从 小 小 耳麦 的 那 端 感受 到 我 们 的 微笑 。 

有 贤人 所 说 “人 之 所 以 有 一 张嘴 ,有 两 只 耳 采 ,原因 是 听 的 要 比 说 的 多 。" 作 为 一 个 客 
RAR ,倾听 是 很 重要 的 。 在 和 客户 的 交谈 中 ,我 们 可 以 了 解 到 很 多 ,客户 给 我 们 提 的 建 
议 都 是 宝贵 的 财富 ,而 我 们 会 用 这 些 财富 ,更 好 地 去 服务 于 客户 。 

以 诚 感人 者 ,人 亦 诚 而 应 。 客 户 服务 是 公司 和 客户 之 间 的 桥梁 ,只 有 把 这 项 工作 做 
好 , 才 可 以 更 体现 公司 的 服务 质量 ,所 以 我 们 的 工作 是 极其 重要 的 。 在 和 客户 的 交流 中 ， 
不 光 是 用 语言 ,更 要 用 心 去 感受 ,站 在 客户 的 角度 去 考虑 ,这 样 才 会 更 加 了 解 客 户 的 需求 。 

“销售 世界 上 第 一 号 产品 ,不 是 汽车 ,而 是 自己 ,在 你 成 功 地 把 自己 推销 给 别人 前 ,你 
必须 百分之百 地 把 自己 推销 给 自己 。” 这 是 挂 在 客户 服务 中 心 墙 上 的 一 句 话 。 客 户 的 需求 
在 不 断 地 改变 ,而 作为 客户 服务 的 员工 ,只 有 不 断 地 完善 自己 , 才 会 让 广大 的 客户 更 加 满 
意 我 们 的 服务 。 


第 2 部 分 


HTML 静态 网 页 设计 实 训 


HTML( HyperText Markup Language, 超 文本 标记 语言 ) 是 一 种 简单 的 、 基 于 文本 的 
语言 ,是 网 页 制作 的 基础 。 它 使 用 一 系列 标记 ,创建 可 被 浏览 者 使 用 的 文本 , 它 不 是 一 种 
真正 的 计算 机 语言 ,而 是 一 种 描述 语言 。 

设计 HTML 语言 的 目的 是 能 把 存放 在 一 台 计算 机 中 的 文本 或 图 形 与 另 一 台 计 算 机 
中 的 文本 或 图 形 方便 地 联系 在 一 起 ,形成 有 机 的 整体 ,人 们 不 用 考虑 具体 信息 是 在 当前 计 
算 机 上 还 是 在 网 络 的 其 他 计算 机 上 。 人 们 只 须 使 用 鼠标 在 某 一 文档 中 单 击 一 个 图 标 ， 
Internet 就 会 马上 转 到 与 此 图 标 相关 的 内 容 上 去 .而 这 些 信息 可 能 存放 在 网 络 的 男 一 台 
计算 机 中 。 

本 部 分 的 实 训 是 为 使 学 生 熟 悉 HTML 超 文 本 标记 语言 而 设计 的 ,通过 本 部 分 的 实 
训 , 要 求 : 

1. 了 解 HTML 标记 语言 的 运行 环境 s 

2. 掌握 HTML 标记 语言 基本 语法 的 格式 及 功能 ; 

3. 学 会 用 HTML 标记 语言 解决 实际 问题 。 


实 训 4 HTML 语言 人 门 及 基本 操作 


【 实 训 前 的 准备 】 

1. 检查 计算 机 是 否 连 接 了 Internet。 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 

3. ERR C 盘 以 外 的 其 他 盘 上 (如 DD A E 盘 或 其 他 侵 辑 盘 ) 创 建 一 个 新 文件 夹 , 名 称 
为 student。 

4. 检查 系统 是 否 安 装 有 Word 2000、Dreamweaver、FrontPage、 记 事 本 等 软件 。 
【 实 训 目 的 要 求 】 

1. 了 解 HTML 置 标语 言 的 运行 环境 。 

2. 熟悉 HTML 置 标语 言 的 编辑 工具 。 

3. 掌握 HTML 的 基本 结构 。 

4. 学 会 HTML 基本 标记 的 使 用 方法 。 
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【 实 训 内 容 及 操作 步骤 】 
【操作 1] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

<META http - equiv = "Content - Type" content = "text/html;charset = gb3212"> 
<TITLE>HTML A [|] Sc illl — /TITLE— 
</HEAD> 

<BODY> 

这 是 最 为 基础 的 实 训 ， 

此 正文 是 无 格式 显示 的 正文 ， 

可 以 从 运行 结果 看 出 来 。 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\111. txt( 编 辑 修改 用 ) 。 
4. 将 文件 保存 为 D:\student\111. html( 运 行 用 ) 。 


运行 


运行 111. html 文件 后 得 到 的 结果 如 图 2. 1 所 示 。 


HTMLA TIRA - Microsoft Internet Explorer 


XO RRO FEV REA IAV WR 
EE 
HAHO [E D:studenth111.html HPE] 


d cate 此 正文 是 无 格式 显示 的 正 
， 可 以 从 运行 结果 看 出 来 。 


图 2.1 HTML 入 门 实 训 运行 结果 


【操作 2] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

<META http- equiv = "Content - Type" content = "text/html;charset = gb3212" — 
<TITLE> bp BUE ZR </TITLE> 

</HEAD> 

<BODY> 

< 一 HI 二 一 级 标题 HL ,最 大 (网 站 建设 ) 一 /HL 

< 一 H2 二 二 级 标题 开 , 粗 体 (网 站 建设 ) 二 /H2 
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<H align= "left" > — S Ei Bl H3 , 左 对 齐 ( 网 站 建设 ) 一 /H3 二 
—H4 align = "center" > PJR pR H4, 居 中 对 齐 ( 网 站 建设 ) 二 /H4 二 
—H5 align = "right" > fi Jt b fl H5 f 7r CHO EO </> 
H6 ABUS H6, dio] ORE e) —/ 86 

</BODY> 

</HEML> 


3. 将 文件 保存 为 D:\student\112. txt. 


4. 将 文件 保存 为 D:\student\112. html, 
5. 运行 112. html 文件 后 得 到 的 结果 如 图 2. 2 所 示 。 


2j ERRERA - Microsoft Internet Explorer 


KHD RAO EEV KEA IAD HHW 
Or © DOP vem DID- " 
WO Eotn OOO ë ë vj E3930 (em 


一 级 标题 HL ， 最 大 (网 站 建设 ) 
二 级 标题 H2， 粗 体 (网 站 建设 ) 


三 级 标题 83， 左 对 齐 ( 网 站 建设 ) 


四 级 标题 H4， 居 中 对 齐 ( 网 站 建设 ) 
五 级 标题 85， 右 对 齐 (网 站 建设 ) 


KARE. 最 不 [网 站 建设 ) 


图 2. 2 标题 格式 实 训 运 行 


m 


ES 


【操作 3] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

<META http - equiv = "Content - Type" content = "text/html;charset = gb3212" — 
<TITLE> R FITR </TITLE> 

</HEAD> 

<BODY> 

<EM> EB 98 8] OE F R 5 IL HE UE) < /EM> <BR> 

<STRONG> fF 51] 3R i8] CE T R 45 Fd 9 $E UE) — /STRONG> <BR> 

XCITE- 5| E 3C A& Cl TF ij 5 FI 9 EE UE) — /CITE> <BR> 

三 DEN 二 术语 定义 (电子 商务 网 站 建设 )<=/DEN><BR> 

<CODE> (C l3 f 5X: "code formatting "(电子 商务 网 站 建设 ) 二 /CODE> <BR> 

一 VAR 二 变量 格式 : "variable formatting "(Hif ilg 4$ d yh £e E) </VAR> <BR> 
<SAMP> FÉ FIF: "literal characters "Cr F Ri 4s F ihi E iE) </SAMP> <BR> 
<KBD> HRA ERR: "Input characters "C F È 4 I] 9 $8 VE) </KBD> <BR> 
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</BODY> 
</HTML> 
3. 将 文件 保存 为 D:\student\113. txt. 
4. 将 文件 保存 为 D:\student\113. html, 
运行 113. html 文件 后 得 到 的 结果 如 图 2. 3 所 示 。 


可 迎 毗 风格 字符 示例 - Microsoft Internet Explorer 


文件 四 RO SEV REA IAV WP) |a 
O7 O [Ae | Oe X e| * 
Bo 


EE SEU OB TREE IIIA E) 
特别 强调 (电子 商务 网 站 建设 ) 
SIBXE (E api pie 


Frer (E FRA IIA R) 
码 格式 ，"code formatting“( 电 子 商务 网 站 建设) 


per "variable formatting "(8 FEE 


m 
样本 字符 格式 ， “1iteral characters (电子 商务 网 站 建设 ) 
键盘 输入 字符 格式 , "Input characters (电子 商务 网 站 建设 ) 


IDE 


IE 


图 2.3 人 逻辑 风格 字符 实 训 运 行 结果 


【操作 4] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> 
<META http - equiv = "Content - Type" content = "text/html ;charset = gb3212" — 
<TITLE> H MA F T 28 </TITLE> 
</HEAD> 
<BODY> 
<B> H Sb os </B> <BR> 
<I> 此 处 为 斜体 文本 一 /I 盖 一 BR> 
一 BIG 二 大 字体 显示 BIG 一 /BIG 一 BR 一 
王 SMALL 二 小 字体 显示 smal1l 一 /SMALL 二 一 BR 二 
TT R EE bos — /TT— —BR— 
<S> Ub HEA T NRR E bos —/S— —BR— 
去 0 下 划 线 显示 二 /0 全 二 BR> 
此 处 为 上 标示 例 : x<SUP>3</SUP> + y<SUP>4</SUP><BR> 
此 处 为 下 标示 例 : H<SUB>2</SUB>0<BR> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\114. txt; 
4. 将 文件 保存 为 D:\student\114. html. 
运行 114. html 文件 后 得 到 的 结果 如 图 2. 4 所 示 。 


$232 HTML 4$ & X iit 3: vil Tu 
FHAA FARA -Microsoft Internet Explorer 


XO REO SEV KAA IAD FIO E 
O7- O- i92 oss vc e|8- * 
OECD E EIC 


粗 体 显示 

MAE BTE E 
大 字体 显示 BIG 
小 字体 显示 snall 
等 宽 字体 显示 


下 划 线 显示 
此 处 为 上 标示 例 ，x3+y4 
此 处 为 下 标示 例 ，H,0 


E 


图 2.4 物理 风格 字符 实 训 运行 结果 


【操作 51 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

— META http - equiv = "Content - Type" content = "text/html ;charset = gb3212"> 
<TITLE> XC E M KYI — /TITLE-—- 

</HEAD> 

<BODY> 

<p> <H1 align= "center" — i FHS E VE — /H17 — /p 

<p align= "left"-— — font size = "6" — — A ii] (fij ft — / £ont — / p 

<p align= "left"— — font color = " # 0000FF" size- "5">1 A ri] (fj E Jc — / font — / p 

<p align= "left">< font color = " # 0000FF" size- "5" 二 我 们 的 公司 是 一 个 专门 从 事 教 学 设 
备 生 产 和 科研 的 单位 。 去 /font 二 二 /p> 

<p align = "left"— — font color = "it 0000FF" size= "5"> fé [s] 4 Hi <b><strong> $k fit fll 
Ji 3E lI] — / strong — / b — P — £& 4e MV. . RA ELE R0 (23. / font — / p 

<p align- "left" — font color = " # 0000FF" size = "5" — R Af (I IR% es ,其 中 的 公式 为 
x- sup ^2- /sup- +y<sup>2</sup> - c<sub>1</sub> +r<sub>4</sub> </font> 
</p> 

<p align= "left"— — font color = " # FFOOFF" size - "4" 二 2 公司 的 构架 一 /font 二 一 /p 二 

<p align= "left"œ>< font color = " # FFO0FF" size= "4" 4 8] 4p — i— bà £& BE — / i7 , u^ Bil 
总 经 理 二 /u 二 、` 经 理 BTA LUI A / font — /p 

<p align = "left"— — font color = " # FFOOFF" size- "4" 二 公司 直接 由 教育 部 管理 人 事 和 生产 
业务 等 。 一 /font 二 一 /p 二 

<p align= "left"—- font color = "i FF0000" size= "3" 3, A i] ff] llt 4$ 5: Er — / font — / p 
<p align= "left">< font color = " # FF0000" size- "3"> — sili JE fis (f) TER EL th fs hy 30] 
3B, </s></font></p> 

—p align- "left"— — font color = " # FF0000" size = "3" 二 保证 满意 意味 着 竭尽 所 能 让 您 满意 。 
</font></p> 


E 
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<p align= "left"-—-font color = " # FF0000" size = "3" 过 修理、 换 货 或 退 款 时 ,对 您 说 声 谢谢 

F RHM., </font></p> 

<p align= "left" ><font color = " # FF0000" size = "3"> "4 fib A d ((109 gig Eg bp , EE fos 

Sfi E SEXO). </font></p> 

<p align= "left">< font color = " # 00FF00" size- "2">4 A i] A fA FJ </font ></p> 

<p align="left" ><font color = "££ 00FF00" size = "2" 二 公司 现 有 员工 129 人 ,其 中 博士 2 

人 ,硕士 12 人 ,本 科 99 A; </font></p> 

<p align= "left"— font color = " # 00FF00" size = "2" 二 平均 年 龄 25 岁 ; 研发 人 员 81 人 ;市 

场 人 员 31 A; </font ></p> 

<p align= "left"— -— font color = " # 00FF00" size= "2" 二 中 高 级 以 上 职称 24 A; 有 5 人 曾 获 

过 部 级 和 国家 级 奖励 。 一 /font 二 一 /p> 

</BODY> 

</HTML> 

3. 将 文件 保存 为 D:\student\115. txt, 

4. 将 文件 保存 为 D:\student\115. html, 

5. 运行 115. html 文件 ,查看 其 结果 。 

【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 了 解 HTML 语言 的 运行 环境 ,熟悉 HTML 语言 的 结构 ， 
掌握 HTML 语言 的 基本 标记 的 使 用 方法 。 

以 上 所 有 的 实 训 都 可 以 在 记事 本 软件 中 编辑 修改 ,当然 也 可 以 用 其 他 的 编辑 器 软件 
进行 编辑 修改 。 需 要 说 明 的 是 ,所 有 的 实 训 文 件 均 须 保存 为 两 个 不 同类 型 的 文件 : 一 个 
Æ. txt 文件 ,以 便 今后 编辑 修改 之 用 ; 另 一 个 是 . html 文件 ,用 来 查看 运行 的 结果 。 

需要 注意 的 是 ,最 好 不 要 使 用 FrontPage 软件 来 学 习 编 写 HTML 程序 ,因为 该 软件 
有 具有 直接 解释 HTML 源 代码 的 功能 ,会 使 学 生养 成 依赖 的 坏 习 惯 。 

【思考 题 】 

1. 实 训 中 为 什么 要 使 用 记事 本 作为 HTML 语言 编辑 的 工具 ? 

2. 使 用 Word 软件 能 否 创建 . html 类 型 的 文件 ”如 何 操 作 ? 

3. 什么 是 逻辑 风格 标记 ? 写 出 其 中 的 5 种 标记 格式 和 功能 。 

4. 什么 是 物理 风格 标记 ? 写 出 其 中 的 5 种 标记 格式 和 功能 。 


实 训 5 清单 和 条 目标 记 


【 实 训 目的 要 求 】 
L 掌握 无 序 清单 ` 有 序 清单 的 用 法 。 
2. 掌握 改变 条 目标 记 的 用 法 。 
【 实 训 内 容 及 操作 步骤 】 
【操作 1] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 
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<HTML> 
<HEAD> 
<META http - equiv = "Content - Type" content = "text/html;charset = gb3212"> 
<TITLE> JH B É </TITLE> 
</HEAD> 
<BODY> 
<ul> 
去 1i 一 电子 商务 专业 
二 1i>>VB 程序 设计 
lid x nl 
lid Mur T 
li Wd gi 5 Xl 
</ul> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\211. txt, 


4. 将 文件 保存 为 Di NstudentM211. html, 
5. 运行 211. html 文件 后 得 到 的 结果 如 图 2.5 所 示 。 


地 址 (0) [E] D:tstudentt211 html 了 ] Bra es 


电子 商务 专业 
verit 
电子 商务 基础 | 
电子 商务 网 站 建设 与 管理 
网 络 营销 与 策划 
到 
Bs —— [TT | [34859 ^ 7 


图 2.5 无 序 清单 实 训 运行 结果 


【操作 2] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 ， 


<HTML> 
<HEAD> 
<META http - equiv = "Content - Type" content = "text/html;charset = gb3212" — 
<TITLE> HEC B 0A H PRE — /TITLE-— 
</HEAD> 
<BODY> 

<ul> 

二 1i 二 电子 商务 专业 
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<li type= disc-- VB fig Util 
<li type = disc 二 电子 商务 基础 
<li type = circle 盖 电子 商务 网 站 建设 与 管理 
<li type= circle 二 网 络 营销 与 策划 
<li type = square 二 电子 商务 技术 基础 
<li type= square 二 电子 商务 与 物流 
Wu 


</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\212. txt, 
4. 将 文件 保存 为 D:\student\212. html, 
5. 运行 212. html 文件 后 得 到 的 结果 如 图 2.6 所 示 。 


济 改 变 无 序 清单 条 目标 记 - Microsoft Internet Explore e E] 
XÐ REO SEV KRA IAD S5 |F 


Q7 -O-ha GO emr ” 


地 直 (D) 名] D:lstudenti212.html -j IS EZ | 链接 
。 电子 商务 专业 
。 VB 程序 设计 
。 电子 商 务 基 


础 
o 电子 商务 网 站 建设 与 管理 
与 策划 


o 网 络 营 
， 电子 商务 技术 基础 
。 电子 商务 与 物流 


图 2.6 改变 无 序 清单 条 目标 记 实 训 运 行 结果 


【操作 3] 

1. 打开 记事 本 软件 。 

2. 输入 以 下 内 容 : 

<HTML> 

<HEAD> 

<META http - equiv = "Content - Type" content = "text/html ;charset = gb3212" — 

<TITLE> fi JY W É </TITLE> 

</HEAD> 

<BODY> 

«ol 

二 1i 二 电子 商务 专业 
—li»vBfudt 
lis d 4rd 
li Tidi 5r AHERE 


li Ri E gi 5 5 xl 
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</ol> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\213. txt. 


4. 将 文件 保存 为 D:\student\213. html。 
5. 运行 213. html 文件 后 得 到 的 结果 如 图 2.7 所 示 。 


FJ AFA - Microsoft Internet Explorer: 

文件 MK SEV BRA IAD WE) |A 

Om- O- hda G| par um ” 

HHO) [E] Ditstudent\213.html :]Es | 链接 
， 电 子 商务 专业 s 


E 

电子 商务 基础 

、 电 子 商 务 网 站 建设 与 管理 
NT E 


图 2.7 有 序 清单 实 训 运行 结果 


【操作 4] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> 
<META http- equiv = "Content - Type" content = "text/html ;charset = gb3212"> 
<TITE>S KEHA JF CR Eb id </TITLE> 
</HEAD> 
<BODY> 
«ol 
<li type= I UFRS 4e My. 
<li type= I—VB fü Wil 
<li type = I> hi T jl 4s 3 li 
<li type= I 请 电子 商务 网 站 建设 与 管理 
<li type= I 网 络 营销 与 策划 
<li type= I 电子 商务 技术 基础 
<li type= I 二 电 子 商务 与 物流 
</> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\214. txt, 


4. 将 文件 保存 为 D:\student\214. html, 
5. 运行 214. html 文件 后 得 到 的 结果 如 图 2. 8 所 示 。 
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Qs miss Hist -Microsoft Internet Explorers Is TEST 
XO dp SEV KRA IAD She) | Ww 
Om -O-ha ss ves ” 
地 址 (D) [局 ] Di\studentiz14.html - gra | 链接 


I， 电 子 商 务 专业 
I. YB 程序 设计 
。 电 子 商务 基础 
. 电子 商务 网 站 建设 与 管理 
网 络 营销 与 策划 
. 电子 商务 技术 基础 
VIL ROFBS SUN 
DES IIT TT gsm Á 


图 2.8 改变 有 序 清单 条 目标 记 实 训 运行 结果 


【小 结 】 

通过 以 上 的 实 训 , 学 生 可 以 掌握 无 序 清 单 和 有 序 清单 的 用 法 ,同时 可 以 掌握 改变 无 序 
清单 条 目标 记 的 用 法 和 改变 有 序 清单 条 目标 记 的 用 法 。 

在 做 改变 无 序 清单 条 目标 记 实 训 时 ,可 以 使 用 不 同 的 标记 ,例如 ,可 以 使 用 disc( 实 心 
圆 点 ) circle (HR) ,square( 实 心 方 点 ) 等 。 

在 做 改变 有 序 清单 条 目标 记 实 训 时 ,可 以 使 用 不 同 的 标记 ,例如 ,可 以 使 用 A( 大 写字 
Bk) .a( 小 写字 母 ) I( 大 写 罗 马 数字 ) \i( 小 写 罗 马 数字 ) 等 。 
【思考 题 】 

1. 什么 是 无 序 清单 ? 

2. 什么 是 有 序 清单 ? 

3. 如 何 改 变 无 序 清单 条 目标 记 ? 

4. 如 何 改变 有 序 清单 条 目标 记 ? 


3:Ul 6. HTML 语言 超 链接 


【 实 训 目的 要 求 】 
L 掌握 超 链接 的 概念 。 
. 掌握 定位 点 的 概念 。 
. 掌握 超 链 接 指针 的 概念 。 
. 学 会 超 链接 的 使 用 方法 。 
5. 学 会 创建 书签 的 使 用 方法 。 
【 实 训 内 容 及 操作 步骤 】 
【操作 1] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


e w mN 
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<HTML> 


<HEAD> 


<META http - equiv = "Content - Type" content = "text/html;charset = gb3212"> 
<TITLE> H 5E Hz 3c I| — / TITLE 


</HEAD> 

<BODY> 

<p align = "center" > <b> < font color = " # FF0000" size = "6" 二 检查 以 前 的 实 训 结果 
</font></b></p> 

<ol> 


<li><a href = "d;\student\111. html" <b>< font size = "5">HML A [] illl /a7 — p </p> 
<li><a href = "d; VstudentM 12. html" 7 iB fé XC 3c iJI| </a ><p> </p> 
<li><a href = "d:\student\211. html"> X JT ji 4 Sz JI — /a7 — p» — /p 
<li><a href = "d; VstudentA212. html" — D CE EJF W AR H ici Scl — / a — / b </font> 
</ol> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\311. txt 


4. 将 文件 保存 为 D:\student\311. html. 
5. 运行 311. html 文件 后 得 到 的 结果 如 图 2.9 所 示 。 


E] 起 链接 实 训 - Microsoft Internet Explorer 3 
Xp dio FEV RRA IAD &* j$ 


Q=- 0- hagr " 
mito Elo wn nn。 Nl | 


检查 以 前 的 实 训 结 果 
1. HIML 入 门 实 训 


2. 标题 格式 实 训 


3. 无 序 清单 实 训 
4. DOLLS 目标 记 实 
训 


[.[ [y seven 


图 2.9 超 链 接 实 训 运 行 结果 


【操作 2] 

1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 
<HTML> 

<HEAD> 


<META http - equiv = "Content - Type" content = "text/html;charset = gb3212" — 
<TITLE> GE BE BE I 3 SIC VIII </TITLE> 


E 
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</HEAD> 
<BODY> 
<p align= "center" ><bœ>< font color = " # FF0000" size = "6" >} AT] P! Fd 3 E H </font> 
[bo p 
«ol 
<li><a href = "http, / / www. 163. con" 7 — b — font size = "5"> WARME VE —/a7— p —/ p 
<li><a href = "http://www. sohu. con" 18 Ji f] 3l E </a> — p </p> 
<li><a href = "http; //www. sina. com. cn" > 3jriBi y E VE </a> <p> </p> 
<li><a href = "http: / /www. google. com" 7 Google 18 22 5| S£ N 3l </a> </b> </font> 
</ol> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\312. txt, 


4. 将 文件 保存 为 D:\student\312. html. 
5. 运行 312. html 文件 后 得 到 的 结果 如 图 2. 10 所 示 。 


JERAM KU - Microsoft Internet Explorer |= ES] 
文件 四 ”编辑 中 ”查看 WW KEW IAV Wh jd 


进入 门户 网 站 主页 
1 网 易 网 站 主页 


2. 搜狐 网 站 主页 
3. 新 浪 网 站 主页 
4. Google 搜 索引 警 网 站 


EFL 


图 2.10 超 链接 网 站 实 训 运 行 结果 


【操作 3] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

<META http- equiv = "Content - Type" content = "text/html ;charset = gb3212" — 

<TITLE> E MACBA) Sc Ul </TITLE> 

</HEAD> 

<BODY> 

<p align = "center" ><bœ>< font color = " # FF0000" size = "6"> [ur ju CB 48) HE — /£ont— 
</b></p> 

«ol 
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<li><a href = "d;\student\314. html # webl" — <b> — font size = "5" — 45 — </a> — p» 
</p> 
<li><a href = "d: NstudentM314. html # web2"> $ </a> <p> </p> 
<li><a href = "d; \student\314. html # web3"> 55 — </a> <p> </p> 
— li^ a href = "d:\student\314. html # web4" 7 58 WM E </a> </b> </font> 
</ol> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\313. txt, 
4. 将 文件 保存 为 D:\student\313. html, 
5. 等 “操作 4” 输 入 完成 后 再 运行 。 
【操作 4] 

1. 打开 记事 本 软件 。 

2. 输入 以 下 内 容 : 

<HTML> 

<HEAD> 


<META http - equiv = "Content - Type" content = "text/html ;charset = gb3212"> 
<TITLE> EA OUP 3c I| </TITLE> 


</HEAD> 
<BODY> 

<p align = "center" ><bœ>< font color = "it FF0000" size = "6" 二 定位 点 (文件 ) 操 作 一 /font 二 
</b></p> 

<ol> 


<liœ <a name = "it webl"<b>œ <font size = "5" — 5 — 3€ HTML 基础 知识 二 /a 二 
<p> HTML R I) E S3 —/ p 
<p> HTML 语言 的 功能 /Pp 二 
<p> HTML 语言 的 结构 二/p> 
<li><a name = " # web2" — 55 —i3 文字 控制 二 /a 二 
p 标题 格式 </p> 
p 文字 颜色 <</p> 
<P> XXE 
<li><a name = " # web3" — H =M 超 链接 二 /a 二 
<p> 什么 是 超 链接 </p> 
<P> 什么 是 定位 点 二 /p> 
<p> 如 何 实现 链接 二 /p 二 
<li><a name = " # web4" — 45 Ju 3x 表格 与 图 形 二 /a 二 
<P> 表格 形式 </p> 
<p> 表格 插入 二 /p> 
<P> BUÉBEH p 
«/ol 
<p align = "center" ><a href = "d:\student\313. html" —jR [n] </p> — /b- — /font— 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\314. txt. 
4. 将 文件 保存 为 D:\student\314. html。 
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5. 运行 313. html 文件 后 得 到 的 结果 如 图 2. 11 所 示 。 


汪 定 位 点 (书签 ) 实 训 - Microsoft Internet Exploreim 

XOD SRO EEV KMA IAD 可 [i 
Ow- 0- NAWPm " 
地 让 加 [E] Di\studenti313.html EI EZ] | 链接 


定位 点 操作 


第 一 


. 第 二 
28 
4. 第 四 章 

Ei 

图 2.11 定位 点 (书签 ) 操 作 实 训 运 行 结果 1 


6. 单 击 该 页 面 上 的 任何 书签 项 ,就 可 定位 到 该 项 中 去 。 要 注意 的 是 ,由 于 内 容 比 较 
少 , 在 运行 该 文件 时 将 窗口 缩小 到 图 2. 11 所 示 的 位 置 。 
7. 单 击 “ 第 三 章 ” 书 签 项 ,出 现 如 图 2. 12 所 示 的 位 置 。 


当 定 位 点 (书签 ) 实 训 - Microsoft Internet Explorer 


xp d FEV KRA IAD 和 开 ” d 

Qa- O- [3 [2 t| Ps d 

DIEOEID | 
3. 第 三 章 超 链接 


什么 是 超 链接 


什么 是 定位 点 
如 何 实现 链接 

4. 第 四 章 表格 与 图 形 
表格 形式 


ees —[ [ [| [ | [gmmem 


图 2.12 定位 点 (书签 ) 操 作 实 训 运 行 结果 2 


8. 单 击 “返回 ”按钮 后 即 可 返回 到 原来 的 文件 中 。 
【小 结 】 

通过 以 上 的 实 训 , 学 生 可 以 掌握 超 链接 、 定 位 点 .URL( 统 一 资源 定位 符 ) 等 的 概念 ， 
学 会 书签 的 制作 方法 和 技巧 。 


$2392 HTML 静态 网 页 设计 实 训 TN 


要 注意 的 是 ,标识 一 个 目标 的 方法 是 : <a name— "name" text /a7 ; 指向 一 个 目 
标的 方法 是 : <a href—"url € name"—text </a>. 


PETAL. 
1 
2. 什么 
3. (Hain 
4. fF A 


实 训 7 HTML 的 表格 和 表单 


puoi. 
. 掌握 HTML 表格 的 概念 。 
2. 掌握 HTML 表单 的 概念 。 
3. 熟练 掌握 HTML 表格 的 制作 方法 和 技巧 。 
会 HTML 表单 的 制作 方法 。 


【 实 训 内 容 及 操作 步骤 】 


【操作 1】 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

<META http - equiv = "Content - Type" content = "text/html ;charset = gb3212"> 
<TITLE> (ii f R fis dil fF 75 </TITLE> 

</HEAD> 

<BODY> 

<p align = "center" b font color - " # FF0000" size = "6"> 

FEWER font></b></p> 

<table border = 5> 

<tr> th 4 </th> <th> tE < /th> <th> kE — /th- <th> fi </th> <th> d 4r 
th <th> d </th><th> fK </th> 

<tr><td> Ehk </td> <td> 8 </td><td>25</td> <td> F </td> <td>5671</td> 
二 td 二 电子 商务 二 /td 过 td 软件 开发 二 /td 二 

tr td4K WU / td7 —td^ 8j </td> —td-23-— / td <td> k ifé—/ td — td 542— / td 
二 td 现代 物流 二 /td 二 二 td 二 网 络 游戏 二 /td 二 

一 tr>> 二 td> 孙 伟 萍 一 /td 一 td> 女 一 /td 一 td>22 一 /td 一 td 南京 一 /td> 一 td>587 一 /td> 
«td il SEL /td— td ASP H A </td> 

一 tr> 二 td> 张 生 笑 一 /td 一 td> 女 一 /td 一 td>24 一 /td 一 td 苏州 一 /td 一 td>512 一 /td> 
二 td 二 电子 商务 二 /td 记过 td 数据 库 开发 二 /td 二 

<tr><td> Ji] T 3C—/ td —td^ B </td> —td-25— / td <td> [fé / td td 541— / td 
二 td 现代 物流 二 /td 二 二 td 二 网 络 游戏 二 /td 二 
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</table> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\411. txt. 
4. 将 文件 保存 为 D:\student\411. html。 
5. 运行 411. html 文件 后 得 到 的 结果 如 图 2. 13 所 示 。 


已 简 单 表 格 制作 方法 - Microsoft Internet Explorer 
文件 ( SRO SEV HAO TRA) PIO |a 


Qs -O-i9id Gs ye O|” 
MO Eosen > jum 


学 生 基本 情况 表 


姓名 MOHpHORE 总 分 | 专业 | 特长 
EJ 25 [TFH 567 [电子 商务 软件 开发 
23 [EH 现代 物流 网 络 游戏 
22 [Bm 计算 机 ASP 语言 
24 AN 电子 商务 数据 库 开发 
25 [E 现代 物流 网 络 游戏 


图 2.13 简单 表格 制作 方法 实 训 运 行 结果 


【操作 21 
1. 打开 记事 本 软件 。 


<HTML> 
<HEAD> 
<META http - equiv = "Content - Type" content = "text/html;charset = gb3212" — 
<TITLE> d R8 MEN </TITLE> 
</HEAD> 
<BODY> 
<p align = "center" ><bœ>< font color = " # FF0000" size = "6"> 
Joly Sig tib / font — /b — /p 
<table border = 5 height = "49" width = "700"— 
<tr><th height = "16" width = "46" — KJji — /th-— — th height = "16" width = "269" colspan = 
"2" — fk — /th— th height = "16" width= "36" —— /th- — th height = "16" width = "241"— 
完成 课时 二 /th 二 二 th height = "16" width = "318" colspan = "2"> H iE 4] — /th- — th height = 
"16" width = "25" — [| iE 4] — /th-^ — th height = "16" width = "33" —;ÉEif4)— /th— 
<tr><td height = "67" width= "46" rowspan = "5"> 
<p align= "center" — f </p> 
<p align= "center" ></p> 
<p align= "center" — My — /p— 
<p align= "center" ></p> 
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<p align= "center">50</p> 
<p align= "center" >44} </p> 
</td><td height = "1" width= "112" rowspan = "4"> 
<p align= "center" >#</p> 
<p align= "center" >% </p> 
<p align= "center" > T.</p> 
<p align= "center" > [E — /p— 
<p align= "center" ></p> 
<p align= "center" —(40 4})</td><td height = "1" width - "157" rowspan = "4" >} 
教学 工作 量 180 课时 得 40 分 ,每 超 50 课时 加 1 分 。( 双 肩 挑 人 员工 作 量 减 半 ) 二 /td> 二 td height = 
"1" width = "36" rowspan = "2"> 
<p align="center"> </p> 
<p align= "center" — 555 — 4 — / td —— td height = "1" width = "241" > HE 44 Fk — / td 
<td height = "1" width = "178" — J£ UR BEZL— / td — — td height = "1" width = "140" > FIR if 
— / td — td height = "67" width = "25" rowspan = "5" 48 4] — /td- — td height = "67" width = 
"33" rowspan = "5" 745 分 二 /td 
<tr><td height = "16" width = "241" — VB 程序 设计 
二 p 二 电子 商务 概论 二 /p 二 
«p^ VEP 数据 库 管 理 二 /p 二 
— /td — td height = "16" width = "178" — i] $E fiL 200401 
<p> FR 200506</p> 
<p>A H ii 200304</p> 
</td><td height = "16" width= "140"—80 课时 
<p>œ48 IRI </p> 
<p>œ>76 课时 二 /td 二 
<tr><td height = "32" width = "36”rowspan = "2"> 
<p align="center"> </p> 
<p align = "center" > W — / td-—— td height = "16" width = "241" 放 电子 商务 网 站 建设 
二 p 二 网 络 营 销 与 策划 二 /p 二 
二 p 二 商业 信息 技术 二 /td 二 二 td height = "16" width= "178" — ni F Rj 4$ 200302 
二 p 二 电子 商务 200201— /p— 
<p> FRI 200204— / td — td height = "16" width = "140">80 课时 
—p76 课时 一 /p> 
<p>48 课时 二 /td 二 
<tr><td height = "16" width = "241" 二 论文 指导 二 /td 二 一 td height = "16" width = "318" 
colspan = "2"724 人 二 /td 
<tr><td height = "69" width= "112"— 
<p align= "center" >H CR 10 分 二 /p> 
二 /td 记过 td height = "69" width = "752" colspan- "5" 二 考核 优秀 为 10 分 ,良好 为 8 分 ,一 般 
为 5 分 , 较 差 不 计 分 。( 本 项 按 已 通过 的 教学 评估 的 结果 打分 ,尚未 进行 教学 评估 的 ,由 系 、 教 研 室 
组 织 考核 ,进行 打分 。 学 院 评估 结果 有 效 期 为 两 年 ) 二 /td 
</table> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\412. txt, 
4. 将 文件 保存 为 D:\student\412. html。 
5. 运行 412. html 文件 后 得 到 的 结果 如 图 2. 14 所 示 。 
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教学 业绩 定量 表 
大 项 ES | 完成 课时 自 评分 ii 
dif mma RAe 
* a g [F MLOVITTME N 
学 | Č pesrpaly STASIE 电子 商务 200506 unter 
业 | 工 A EH 5 WrPMUBEEEIS —— 现代 物流 200504 6 课时 
作 TE 二 了 商务 网 站 建设 电子 商务 20002 GRE |o 
量 作 A z 网 络 营销 与 注 划 “电子 商务 200201 176 课时 P 分 
网 (408) F 商业 信息 技术 电子 商务 200204 .48 课时 
分 论文 指导 za 人 
s 为 8 分 ， 不 计 2 
"EIL ne 


图 2.14 复杂 表格 制作 方法 实 训 运行 结果 


【操作 3] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> 
«META http - equiv = "Content - Type" content = "text/html;charset = gb3212"> 
<TITLE> [iij H K ndi fF. 77 3 — / TITLE 
</HEAD> 
<BODY> 
<p align = "center" ><bœ>< font color = " # FF0000" size = "6"> 
AES 2) T BUE e 4€ — / font — / bo — /p 
<form> 
<p> 姓名 : <input type= "text" name = "T1" size = "9"> 
学 号 : <input type = "text" name = "T2" size = "9"> 男 : — input type = "radio" value = "V1" 
checked name = "R1" > 
女 <input type = "radio" name = "Rl" value = "V2"> 所 在 城市 <select size- "1" name = "D1"> 
<option> E #}</option> 
<option> M </option> 
<option> T iK </option> 
<option>Jkt E </option> 
<option> Hi 4z — /option- 
</select></p> 
<p> </p> 
二 p 二 您 喜欢 的 课程 : </p> 
<p><input type = "checkbox" name = "C1" value = "ON"— 电子 商务 
<input type = "checkbox" name = "C2" value = "ON" — VB 程序 设计 <input type = "checkbox" 
name = "C3" value = "ON"— 
C 程 序 设计 <input type = "checkbox" name = "C4" value = "ON" 二 西方 经 济 学 一 /p 二 
<p> </p> 
<p><input type = "checkbox" name = "C5" value = "ON"— 网 络 营 销 
<input type = "checkbox" name = "C6" value = "ON" 二 网 站 建设 
<input type = "checkbox" name = "C7" value = "ON"> ASP 程序 设计 
<input type = "checkbox" name = "C8" value = "ON" — à F ÈS 5 JJ i </p> 
<p> </p> 
<p> </p> 
<p> 
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<input type = "submit" value = "提交 " name = "B1"— 
<input type = "reset" value = "全 部 重 写 " name = "B2" — — /p— 


</form> 
</BODY> 
</HTML> 
3. 将 文件 保存 为 D:\student\413. txt; 
4. 将 文件 保存 为 D:\student\413. html, 
5. 运行 413. html 文件 后 得 到 的 结果 如 图 2. 15 所 示 。 
学 生 学 习 情况 调查 表 
姓名 [ 0 c[ 0 X € X c Bim [Ex 
您 喜欢 的 课程 ， 
r 电子 商务 rv r cmt 厂 西 方 经 济 学 
r 网 络 党 销 ”三 网 站 建设 。 ”三 、ASP 程 序 设计 TAFA Sti 
2wES 
图 2.15 简单 表单 制作 方法 实 训 运行 结果 
【操作 4] 


1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> 
«META http - equiv = "Content - Type" content = "text/html;charset = gb3212"> 
<TITLE> HZ KA WEN E </TITLE> 
</HEAD> 
<BODY> 
<p align = "center" ><bœ>< font color = "i£ FF0000" size = "6"> 
Rih fei E. t D AE — / font — / bo </p> 
<form> 
<p> 客户 名 称 : <input type="text" name = "T1" size="21"> 
账号 : <input type= "text" name = "T3" size- "17" — 密码 : <input type = "text" name = 
"T2" size= "10" — — /p— 
一 p 二 单位 性 质 : 国营 二 input type = "radio" value = "V1" checked name = "R1" 二 集体 
<input type = "radio" name = "R1" value = "V2" — 个 体 < input type = "radio" name = "R1" 
value = "V3" 二 合资 
<input type = "radio" name = "R1" value = "V4" — f Yt < input type = "radio" name = "R1" 
value = "V5"> 
所 在 城市 <select size- "1" name = "D1"— 
<option> E #}</option> 
<option> H </option> 
<option> T iK -— /option— 
—option- jL5i-— /option- 
<option> jl z— /option- 
</select></p> 
去 p> 您 喜欢 的 商品 : </p> 
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<p><input type = "checkbox" name = "C1" value = "ON"— 笔记 本 电脑 
<input type = "checkbox" name = "C2" value = "ON" 二 数码 照相 机 
<input type = "checkbox" name = "C3" value = "ON"— 数字 电视 机 
<input type = "checkbox" name = "C4" value = "ON" — # fri F-EL— / p 

<p><input type = "checkbox" name = "C5" value = "ON"— 滚 简 洗 衣 机 
<input type = "checkbox" name = "C6" value = "ON" 二 数字 电 冰 箱 
<input type = "checkbox" name = "C7" value = "ON" 二 欧式 燃气 灶 
<input type = "checkbox" name = "C8" value = "ON" >H k Zl] </p> 

一 p 二 建议 和 意见 : — textarea rows = "3" name = "S1" cols = "48" 二 您 有 什么 好 的 建议 和 意见 
请 写 在 这 里 : </textarea> </p> 

<p> </p> 

<p> <input type = "submit" value = "提交 ”name = "B1"> 

<input type = "reset" value = "全 部 重 写 " name = "B2"> </p> 
</form> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\414. txt, 

4. 将 文件 保存 为 D:\student\414. html。 

5. 运行 414. html 文件 后 得 到 的 结果 如 图 2. 16 所 示 。 

客 记 称 [MeL vL 
单位 性 质 ， 国营 6 集体 个体 .合资 独资 (C) 所 在 城市 [ER] 


您 喜欢 的 商品 ， 
r 笔记 本 电脑 三 数码 照相 机 三 数字 电视 机 三 彩信 手机 


D 液 简 洗 衣 机 COMER 厂 欧式 燃气 灶 三 中 央 空 调 
p M H 


建议 和 意见 ， 


gms | 
图 2.16 复杂 表单 制作 方法 实 训 运 行 结果 


【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 掌握 表格 和 表单 的 概念 ,学 会 表格 的 制作 方法 和 技巧 , 掌 
握 表 单 的 一 般 制 作 方 法 。 

表格 各 单元 格 中 的 颜色 可 以 根据 以 下 的 几 个 命令 得 到 : 

表格 的 背景 色彩 <table bgcolor = #rrggbb> 


行 的 背景 色彩 <tr bgcolor = # rrggbb— 
表 元 的 背景 色彩 <th bgcolor = # rrggbb-— sk <td bgcolor = # rrggbb-— 


其 中 ,#rrggbb 为 十 六 进 制 的 RGB 颜色 代码 (如 并 FF0000 代表 红色 ) ,或 者 是 预定 
义 色彩 名 称 : Black (黑色 )、Olive WH E), Teal QR F f), Red (红色 )、Blue( 蓝 色 )、 
Maroon( 茶 色 )、Navy( 深 蓝 色 )、Gray( 灰 色 )、Lime( 浅 绿色 )、Fuchsia( 紫 红色 )、White( 白 
f&) Green C5 f&) , PurpleCAE (8) , Silver CE (8) , Yellow GE f&) , Aqua (水 绿色 )。 
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【思考 题 】 
1. 表格 标题 的 位 置 由 什么 属性 决定 ? 请 说 出 其 格式 。 
2. 表格 的 边框 尺寸 由 什么 属性 决定 ?请 说 出 其 格式 。 
3. 说 出 表格 单元 格 内 的 文字 对 齐 方式 ,请 说 出 其 格式 。 
A4. 如 何 实 现 跨 多 行 .多 列 的 表 元 ,请 说 出 其 格式 。 


实 训 8 图 像 和 多 窗口 操作 


【 实 训 前 的 准备 】 

在 D:\student\images 下 已 存放 5 个 图 像 , 其 中 bgmoni. gif 文件 是 背景 图 像 文件 ， 
joke. gif 文件 是 “开心 乐园 ”,joke2. gif 文件 是 “生活 幽默 ”,jokel1. gif 文件 是 “校园 趣事 ”， 
xys. gif 文件 是 “校园 生活 ”, 如 图 2. 17 所 示 。 


: 
4 & 
a l 
bgmoni joke joke2 
yit 
- akt 
kys) jokell 


图 2.17 5 幅 图 像样 式 图 


【 实 训 目 的 要 求 】 
1. 熟悉 HTML 所 适用 的 各 种 图 像 类 型 。 
2. 掌握 图 像 插入 、 定 位、 位 置 等 操作 的 方法 和 技巧 。 
3. 学 会 多 窗口 操作 的 使 用 方法 和 技巧 。 
4. 学 会 图 形 按钮 的 使 用 方法 和 技巧 。 
【 实 训 内 容 及 操作 步骤 】 
【操作 1] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 
<HTML> 
<HEAD> 
<TITE> [8 f$ fi A Sc illl </TITLE> 
</HEAD> 
<<BODY TEXT = " # 000000" BGCOLOR = "zt FFFFFF" LINK =" # 0000EE" VLINK = " # 551A8B" ALINK = 


" #FF0000" BACKGROUND = "images/bgmoni. gif" > 
<CENTER> <P> 


j^ 
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<img border = "0" src = "images/xys.gif" width= "239" height = "89"— 

—HR width = "60$" size = "3" — TABLE WIDTH = "464" > 

<TR> 

<TD rowspan = 37 — IMG SRC = " images/ joke. gif" ALT = "标题 : 开心 乐园 " HEIGHT = 184 WIDTH = 46> 
</T> 

< 一 TD ROWSPAN = "3" WIDTH = "15" — — IMG SRC = " images/bar. gif" ALT = "bar. gif (837 bytes)" 
HEIGHT = 250 WIDTH=2> </TD> 

«TD VALIGN = BOTTOM> <A HREF = "joke21. htm" — — IMG SRC = " images/joke2. gif" ALT = "生活 幽 
FR" HSPACE = 8 BORDER = 0 HEIGHT = 112 WIDTH = 108 ALIGN = LEFT> </A> 


<BR> <BR> 
生活 中 ,有 许多 令 人 忍俊不禁 的 幽默 .来 源 于 生活 ,又 高 于 生活 ,赞扬 美好 事物 ,讽刺 丑恶 现 
象 ,艺术 化 的 处 理 使 故事 更 具 幽 默 性 ,好 吧 , 现 在 我 就 把 这 些 故 事 讲 给 你 听 …… 一 BR 


</TD> </TR> <TR> <T> 
< 一 HR size = "1" width= "60 % "></TD> 
</TR> <TR> 
<TD> — A HREF = "joke11. htm" ><IMG SRC = " images/joke11. gif" ALT = "校园 趣事 " HSPACE = 8 
BORDER = 0 HEIGHT = 116 WIDTH = 90 ALIGN = RIGHT></A><BR> 
Et pa (f A FAE RAFE, — — BR 
天 ,都 有 一 些 趣事 发 生 , 有 的 也 许 你 已 二 BR 二 
经 淡忘 ,有 的 你 却 永远 无 法 忘记 ; XXE BR 
记载 着 你 我 往事 的 故事 想来 是 那样 令 人 二 BR 二 
心动 ,让 我 们 走 进 “校园 ”, 去 寻找 我 <BR 二 
们 的 身影 ,也 许 你 会 有 新 的 发 现 …… <BR> 
<BR> </TD> </TR> 
</TABLE> </CENTER> 
<CENTER> 
< 一 HR width = "60 $ " size = "3"> </CENTER> 
<CENTER> <P> <A HREF = "sum. htm" > [GA P] E W I</A></P> </CENTER> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\511. txt, 
4. 将 文件 保存 为 D:\student\511. html, 
5. 运行 511. html 文件 后 得 到 的 结果 如 图 2. 18 所 示 。 


SHIRE AR 

E 人 
ERIT TNI 2) 

ð s Oe exer xe ge 
记载 着 多 我 往事 的 故事 想来 是 导 样 令 人 


心动 ， 让 我 们 走 进 “校园 ”， 去 寻找 我 
们 的 身影 ， 也 许 你 会 有 新 的 发 现 …… 靶 图 趣事 


i ES 


2.18. 图 像 插入 实 训 运行 结果 
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【操作 2] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

«META http - equiv = "Content - Type" content = "text/html ;charset = gb3212"> 

<TITLE> A [5] HEA E A O 3 VII — /TITLE— 

</HEAD> 

<frameset cols = 30 % ,20% .50$ > 
<frame src = "d:\student\a1. html"> 
<frame src = "d;\student\a2. html"> 
<frame src = "d;\student\a3. html"> 

</frameset> 

</HTML> 


3. 将 文件 保存 为 D:\student\512. txt, 

4. 将 文件 保存 为 D:\student\512. html, 

5. 在 同一 个 文件 夹 下 连续 建立 3 个 文件 ,文件 名 分 别 为 al. html、a2. html、a3. html, 
al. html 文件 的 内 容 如 下 ; a2. html 和 a3. html 文件 的 内 容 与 此 类 似 , 参 见 图 2. 19。 


<HTML> 
<BODY> 


这 是 第 一 个 窗口 。 


</BODY> 
</HTML> 


6. 运行 512. html 文件 后 得 到 的 结果 如 图 2. 19 所 示 。 


Om- O- i93 i2 t| sr i] 
ez nn Ea [uem 


这 是 第 三 个 窗口 。 


2.19 纵向 排列 多 窗口 实 训 运 行 结果 


【操作 3] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 
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<HTML> 

<HEAD> 

<META http - equiv = "Content - Type" content = "text/html;charset = gb3212"> 

<TITLE> BÉ fo] HEA A f] O 3c VI </TITLE> 

</HEAD> 

<frameset rows = 30$ ,20% ,50$ > 
<frame src = "d; VstudentVal, html"> 
<frame src = "d;\student\a2. html"> 
<frame src = "d;\student\a3. html"> 

</frameset> 

</HTML> 


3. 将 文件 保存 为 D:\student\513. txt. 
4. 将 文件 保存 为 D:\student\513. html, 
5. 运行 513. html 文件 后 得 到 的 结果 如 图 2. 20 所 示 。 


FRAAS HORA -Microsoft Internet 
XO RRO S50 KAA IAW ^*| jr 


Q»w-O-iDMido|m " 
"IG TCU Ea TE—- 


这 是 第 一 个 窗口 。 


这 是 第 二 个 窗口 。 
这 是 第 三 个 窗口 。 


图 2.20 横向 排列 多 窗口 实 训 运行 结果 


【操作 4] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


—HTML- 
<HEAD> 
<META http - equiv = "Content - Type" content = "text/html;charset = gb3212" — 
TITLE ARAA e 8 O Sc l| — / TITLE 
</HEAD> 
<frameset cols = 20 % , * > 
<frame src = "d;\student\a1. html"> 
<frameset rows = 40 % , * > 
<frame src = "d:\student\a2. html"> 
<frame src = "d;\student\a3. html"> 
</frameset> 
=/frameset> 
</HTML> 
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3. 将 文件 保存 为 D:\student\514. txt, 
4. 将 文件 保存 为 D:\student\514. html, 
5. 运行 514. html 文件 后 得 到 的 结果 如 图 2. 21 所 示 。 


HAED [局 ] bstudentsl4.html -] Es LE 
^| 这 是 第 二 个 窗口 。 


图 2.21 纵横 排列 多 窗口 实 训 运 行 结果 


【操作 51 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> 
<META http- equiv = "Content - Type" content = "text/html;charset = gb3212" 二 
<TITLE> [8 f$ f </TITLE> 
</HEAD> 
<BODY> 
<p> </p> 
<table border = "0" width= "86 % "> 
<tr> 
<td width= "315" align = "center" ><a href = "file:///D:/student/ 学 习 园地 . htm1" — 
<img border = "0" 
src = "file: ///D:/student/% 2] pd ih. JPG" width= "165" height = "35"></a> </td> 
<td width= "69 %" rowspan = "6" background = "file;///D:/student/1$ 3. jpg" > 
<p align = "center" > <b> 3X J [8] f$ fiz £I Sc fA . JH oko BE Pe 9] a h RE </b> 
<p align = "center" > <b> H e (E2b PR JE. </b> </p> 
<p align = "center" > <b>1 Jc f ERN. HK HP (Ee 6 AXP., </b></p> 
<p align= "center" > <b>2, JH Je Ki (4 JE CHE ES f 2 00H A 4 Roo Rp. </b></p> 
<p align = "center" ><b>3 , FAR BERII Jj 5X jE BE SL Ta EP, </b></td> 
</tr> <tr> 
<td width= "31 € " align = "center" —-— a href = "file; ///D:/student/ if- ùi fp 4. html1" > 
<img border = "0" 
src = "file:///D:/student/ 好 站 介绍 .JPG" width= "165" height = "35"> </a></td> 
</tr> <tr> 
<td width= "31 % " align = "center" ><a href = "£ile;///D; /student/ fe P i] 3 . html1" > 
<img border = "0" 
src = "file:///D:/student/ 免 费 阅 报 .JPG" width= "165" height = "35"></a> </td> 


i 
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< «tr 
<td width= "31 % " align = "center" a href = "£ile,///D; /student/ Él zi f$. html"> 
< img border = "0" 
src = "file:///D:/ student/ 留 言 簿 .JPG" width= "165" height = "35"></a> </td> 
«ftr «tr 
<td width= "31 %" align = "center" ><a href = "file:///D:/student/ 免 费 资源 . html" > 
— ing border = "0" 
src = "file:///D:/student/ 免 费 资源 .JPG" width= "165" height = "35"> </a></td> 
</tr> <tr> 
<td width= "315" align = "center" ><a href = "£ile;///D;/student/ Ti 4E A |] . html"> 
<img border = "0" 
src = "file:///D:/student/ Ti 4E AT]. JPG" width = "165" height = "35"></a></td> 
</tr> 
</table> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\515. txt, 


4. 将 文件 保存 为 D:\student\515. html。 
5. 运行 515. html 文件 后 得 到 的 结果 如 图 2. 22 所 示 。 


—À 这 是 图 像 按钮 实例 ， 用 来 超 链 按 到 所 需 的 网 站 或 文件 中 


< 具体 操作 步骤 是 : 
工 先 制作 图 像 ， 并 将 其 保存 在 各 自 的 文件 中 < 


2 用 表格 的 形式 将 图 像 分 别 插入 各 单元 格 中 。 


ILL! 5. 用 起 链接 的 方式 连接 到 所 天 的 文件 中 。 


图 2.22 图 像 按 钮 实 训 运 行 结 果 


【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 掌握 图 像 和 多 窗口 的 概念 ,学 会 图 像 插 入 的 方法 和 技巧 ， 
掌握 图 像 按钮 的 一 般 制 作 方法 ,掌握 使 用 多 窗口 技术 解决 实际 问题 。 

操作 1 和 操作 5 的 实 训 是 利用 将 表格 的 边框 粗细 设 定 为 0 来 实现 排版 的 , 即 border 一 0。 
另外 利用 图 像 的 插入 和 超 链接 得 到 结果 。 操 作 2 一 4 是 多 窗口 操作 技术 ,主要 利用 


frameset cols, frameset rows 两 个 标记 完成 的 。 


【思考 题 】 
1. 请 说 出 常用 的 图 像 文 件 类 型 有 哪 几 种 ? 
2. 你 认为 图 像 制 作 利用 哪个 软件 最 理想 ? 为 什么 ? 
3. 请 说 出 多 窗口 的 含义 ? 
4. 在 图 像 和 文字 排版 时 为 什么 要 用 表格 技术 来 排版 ? 
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实 训 9 多 媒体 操作 


【 实 训 前 的 准备 】 
1. 准备 若干 个 音乐 文件 。 
2. 准备 若干 个 视频 文件 。 
【 实 训 目的 要 求 】 
L 熟悉 多 媒体 运行 环境 。 
2. 热 悉 音乐 文件 类 型 和 视频 文件 类 型 。 
3. 掌握 音乐 播放 的 方法 和 技巧 。 
4. 学 会 视频 播放 的 方法 和 技巧 。 
【 实 训 内 容 及 操作 步骤 】 
【操作 1] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 ， 


<HTML> 

<HEAD> 

<META http- equiv = "Content - Type" content = "text/html;charset = gb3212"> 
<TITLE> f ik 1E R </TITLE> 

</HEAD> 

<BODY> 

<p align = "center" — b <font color = " # FF0000" size = "6"> 

Mid 3d C / font — /b—/p^ 

<embed SRC = "d; student VH TT. jj . mid" autostart = true hidden = true loop = true 
作为 背景 音乐 来 播放 。 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\611. txt 


4. 将 文件 保存 为 D:\student\611. html, 
5. 运行 611. html 文件 后 , 即 可 听 到 MIDI 音乐 .并 可 作为 背景 音乐 来 播放 了 。 


【操作 2] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

<META http - equiv = "Content - Type" content = "text/html;charset = gb3212"> 
<TITLE> E Ik </TITLE> 

</HEAD> 

<BODY> 

<p align = "center" ><bœ>< font color = " # FF0000" size = "6"> 


2 电子 商务 网 站 建设 与 管理 实 训 (第 2 版) 
MIDI 3$ KT — / font —/b </p> 
<embed SRC = "d; VstudentV $ I iL 7K . mid" loop = true width = 145 height = 60— 
<p> KAAT AAAA E 9 JF 3 26 EAE EAK. </p> 
</BODY> 
</HTML> 
3. 将 文件 保存 为 D:\student\612. txt, 
4. 将 文件 保存 为 D:\student\612. html, 
5. 运行 612. html 文件 后 , 即 可 听 到 MIDI 音乐 ,并 可 调节 音量 。 其 窗口 如 图 2. 23 
所 示 。 


地 址 (0) [E] D:\studenti61z.hm ESE 


ET ! E 
MIDI 音 乐 播放 
Ey 
一 一 一 一 
=OOOOOO 


出 现 控制 面板 了 ， 的 相册 它 的 开 
与 关 ， 还 可 以 调节 音量 的 


nu 
E 


| [可 我 的 电脑 


图 2.23 播放 音乐 实 训 运行 结果 


【操作 3] 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 ， 


<HTML> 

<HEAD> 

<META http - equiv = "Content - Type" content = "text/html ;charset = gb3212" — 
<TITLE> ji jc t Hi </TITLE> 

</HEAD> 

<BODY> 

<p align = "center" ><b>œ>< font color = " # FF0000" size = "6"> 

dich </font></b></p> 

<p> < EMBED SRC = "d; \ student \ to19091a. avi" autostart = false loop = false width = 350 
height = 250> 

</p> 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\613. txt, 


4. 将 文件 保存 为 D:\student\613. html, 
5. 运行 613. html 文件 后 得 到 的 结果 如 图 2. 24 所 示 。 
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图 2.24 播放 视频 实 训 运行 结果 
【小 结 】 
通过 以 上 的 实 训 , 学 生 可 以 掌握 音乐 和 视频 的 概念 ,学 会 视频 播放 的 方法 ,掌握 音乐 
播放 和 用 音乐 作为 背景 的 方法 和 技巧 。 
在 进行 音乐 或 视频 播放 时 ,必须 在 本 文件 夹 或 其 他 指定 的 文件 夹 中 存 有 音乐 文件 或 


视频 文件 ,音乐 文件 可 以 是 WAV, MIDI, MP3 等 格式 。 视频 文 件 可 以 是 AVI, MOV, 
RMVB 等 格式 。 


【思考 题 】 
1. 常用 的 音乐 文件 类 型 有 哪 几 种 ? 
2. 常用 的 视频 文件 类 型 有 哪儿 种 ? 
3. 你 是 使 用 什么 软件 来 播放 音乐 文件 的 ? 
4. 你 是 使 用 什么 软件 来 播放 视频 文件 的 ? 
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电子 商务 网 站 策划 实 训 


- 份 成 功 的 网 站 策划 方案 是 赢得 订单 的 重要 夸 码 ,如 何 写 一 份 令 客户 心动 的 网 站 策 
划 方 案 则 需要 下 苦 工 夫 , 需 要 付出 艰苦 的 劳动 。 本 部 分 的 实 训 是 为 使 学 生 熟 悉 电子 商务 
网 站 策划 而 设计 的 ,通过 本 部 分 的 实 训 ,要 求 ， 

1. 了 解 电子 商务 网 站 策划 的 一 般 步 又 ; 

2. 掌握 电子 商务 网 站 建设 网 上 问卷 调查 的 方法 ; 

3. 掌握 电子 商务 网 站 栏目 策划 的 方法 和 技巧 ; 

4. 掌握 电子 商务 网 站 建设 策划 的 方法 和 技巧 ; 

5. 应 用 电子 商务 网 站 策划 理论 ,拟订 一 份 受 欢迎 的 策划 书 。 


实 训 10 ”电子 商务 网 站 建设 网 上 问卷 调查 


【 实 训 前 的 准备 】 

1. 检查 计算 机 是 否 连 接 了 Internet, 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP. 

3. EBR C 盘 外 的 其 他 盘 上 (如 DD Ak. E 盘 或 其 他 好 辑 盘 ) 创 建 一 个 新 文件 夹 ,名 称 为 
student. 

4. 检查 系统 中 是 否 安装 有 Word 2000, Dreamweaver, FrontPage, WEE ^5 4X f/F 
【 实 训 目的 要 求 】 

l. 了 解 电子 商务 网 站 策划 书 的 书写 步骤 。 

2. 熟悉 电子 商务 网 站 构架 。 

3. 熟悉 电子 商务 网 站 网 上 问卷 调查 。 

4. 掌握 策划 书 的 书写 方法 和 技巧 。 
【 实 训 内 容 及 操作 步骤 】 

1. 实 训 步 又 

(1) 浏览 网 上 各 种 不 同类 型 的 调查 问卷 ,并 体会 其 特点 。 

(2) 着 重 调查 中 小 型 企业 电子 商务 网 站 建设 情况 。 
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(3) 制作 网 上 问卷 调查 表 。 

(4) 上 传 调查 问卷 并 进行 网 上 在 线 问卷 调查 。 

O) 统计 并 总 结 问卷 调查 结果 。 

(6) 写 出 总 结 报告 。 

2. 问卷 调查 样 列 

下 面 是 一 个 大 学 生 网 络 生活 调查 问卷 样张 ,请 参考 。 


大 学 生 网 络 生活 调查 问卷 
一 、 上 网 的 基本 情况 
1. 您 上 网 的 方式 是 : 
宿舍 机 房 ” 口 实验 室 口 网 吧 口 其 他 
2. 您 平均 每 天 上 网 时 长 : 
O 〇 1 小 时 以 内 Ol1~3 小 时 O 〇 3~5 小 时 O 〇 5 小 时 以 上 
3. 您 上 网 的 主要 目的 是 : 
学 习 资 料 获 取 ORM 邮件 口 QQ 或 MSN 等 即时 通讯 游戏 影音 
网 上 购物 口 其 他 
占据 您 上 网 时 间 最 长 的 是 以 下 哪 种 方式 ; 
学 习 资 料 获 取 ORM OM OQQ 或 MSN 等 即时 通讯 〇 游戏 〇 影音 
网 上 购物 OH t 
、 网 络 对 您 学 习 及 生活 的 影响 
您 获取 信息 的 主要 方式 是 : 
网 络 @ 〇 报纸 杂志 等 平面 媒体 Q 〇 广播 电视 等 大 众 传媒 OX 
您 阅读 的 主要 方式 是 : 
网 络 阅读 @ 〇 实物 书刊 ” 〇 手机 阅读 〇 其 他 
7. 您 进行 过 网 上 购物 吗 ? 
Oñ% 〇 经 常 〇 偶尔 ONT 
8. 如 果 有 过 网 上 购物 ,您 会 选择 哪 种 支付 方式 : 
〇 网 上 支付 O 〇 汇款 〇 货 到 付款 〇 其 他 
9. 您 上 过 论坛 吗 ? 
〇 频繁 OZ% OR ONT 
10. 如 果 有 ,您 上 论坛 的 主要 目的 是 : 
〇 获取 信息 〇 打发 时 间 〇 聊天 交友 〇 实事 评论 OS 〇 其 他 
11. 您 在 网 上 投 过 电子 简历 吗 ? 
Ož OF 
12. 如 果 有 ,您 获得 过 面试 的 机 会 吗 ? 
ORS O-A Of» ORA 
13. 您 哪 种 类 型 的 朋友 比较 多 ? 
@ 〇 现实 生活 中 @ 〇 网 上 虚拟 社会 中 的 朋友 


O?OPTI|IIOoOo*- 
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14. 上 网 对 您 学 习 成 绩 的 影响 : 

G 〇 明显 提高 〇 有 所 提高 〇 没有 影响 〇 有 所 下 降 Q 〇 明显 下 降 
15. 您 浏览 过 不 健康 网 页 吗 ? 

〇 频繁 〇 经 常 ORR OAF 

三 、 网 络 安全 

16. 您 遭遇 过 以 下 网 络 安全 问题 吗 ? 

垃圾 邮件 病毒 攻击 信息 被 盗 其 他 

四 、 手 机 

17. 您 每 月 平均 手机 费用 是 : 
O20 元 以 下 O20~50 元 O 〇 50~100 元 O 〇 100 元 以 上 
18. 您 的 手机 费用 占 您 每 月 生活 费用 的 比例 是 : 
O10A4VW'F O10%~15% O15%~20% O20% 以 上 
19. 您 经 常 使 用 的 手机 业务 是 : 

语音 业务 短信 及 彩信 ] 游 戏 
资讯 订阅 其 他 


铃声 .图片 下 载 


3. 问卷 调查 结果 分 析 

问卷 调查 结果 经 分 析 得 到 如 下 启示 。 

(1) 大 学 生 上 网 率 及 相关 因素 分 析 

本 次 调查 结果 显示 ,网 络 已 经 开始 逐渐 进入 大 学 生 的 学 习 和 生活 之 中 ,从 被 调查 的 
5 所 高 校 看 ,一 些 学 校 大 学 生 的 上 网 率 已 经 超过 了 30% ,个 别 学 校 甚至 达到 50% 以 上 。 
以 上 调查 问卷 的 “网 络 对 您 的 学 习 及 生活 的 影响 ”部 分 就 反映 了 各 个 学 校 的 上 网 率 。 

本 次 调查 发 现 , 与 大 学 生 上 网 率 相关 的 因素 有 以 下 几 个 方面 。 

CD 学 校 的 综合 实力 和 学 科 偏 重 方向 的 不 同 对 在 校 学 生 上 网 率 的 影响 。5 所 高 校 之 
间 , 因 综合 实力 .学 科 偏 重 方向 的 不 同 ,上 网 率 呈 明显 差异 。 一 般 来 说 ,综合 实力 强 的 学 
校 ,学 生 的 上 网 率 就 高 ; 学 科 方 向 偏重 于 理工 的 学 校 ,学 生 的 上 网 率 也 高 。 其 中 以 理工 科 
为 主 的 华中 科技 大 学 学 生 上 网 率 最 高 为 57.4%; 其 次 是 武汉 大 学 为 42. 5%; 而 以 医 为 主 
的 同济 医科 大 学 和 以 农 为 主 的 华中 农业 大 学 的 学 生 上 网 率 仅 为 18. 5% 和 16.9%。 这 充 
分 说 明 ,在 校 学 生 掌握 技能 的 多 少 与 所 在 学 校 所 提供 的 各 类 硬件 .软件 设施 条 件 成 正比 。 

© 性 别 差异 对 大 学 生 上 网 率 的 影响 。 性 别 不 仅 是 人 的 基本 生理 特征 ,同时 也 是 人 的 
基本 社会 特征 之 一 。 心 理学 家 指出 : 不 同性 别 的 个 体 ,对 事物 的 接受 态度 有 差异 。 反 映 
在 上 网 率 方面 ,男女 不 同性 别 的 大 学 生 就 有 着 很 大 的 不 同 。 总 体 看 来 ,男性 上 网 比例 明显 
高 于 女性 。 网 络 进入 中 国 社会 ,特别 是 进入 大 学 校园 才刚 刚 两 三 年 的 时 间 ,在 这 么 短 的 时 
间 内 ,要 让 每 一 位 学 生 都 接受 这 一 全 新 事物 是 不 可 能 的 。 面 对 内 容 丰 富 、 信 息 新 颖 、 传 递 
快速 的 网 络 世 界 ,一 些 认 同 网 络 的 学 生 就 会 跃跃欲试 ,直至 落 入 “网 ”中 。 调 查 显示 ,男生 
中 上 过 网 的 占 男 生 总 数 的 49. 1% ,而 女生 中 只 有 28. 4%。 

(2) 网 络 对 大 学 生 学 习 、 生 活 的 影响 分 析 

首先 .表现 于 学 习 方 面 。 在 传统 的 教育 方式 下 .学 生 学 习 知 识 主要 依靠 老师 、 书 本 等 
有 限 的 资源 。 并 且 ,就 在 这 有 限 的 资源 里 还 往往 存在 着 很 多 与 社会 发 展 不 相 适 应 的 、 相 对 
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过 时 的 、 无 用 的 知识 ,而 网 络 正 好 可 以 大 大 拓宽 大 学 生 学 习 知识 的 来 源 , 甚 至 随 着 时 间 的 
推移 ,很 有 可 能 会 改变 学 生 的 学 习 方 式 。 在 这 次 调查 中 ,就 有 63.9% 的 上 网 大 学 生 认 为 
网 络 对 自己 学 习 影响 最 大 的 是 增加 了 学 习 资 料 的 来 源 , 还 有 36. 5% 的 人 认为 网 络 对 自己 
的 第 二 影响 是 改变 了 自己 的 学 习 方式 ; 相反 ,只 有 4.3% 的 人 承认 上 网 已 经 影响 了 自己 的 
正常 学 习 。 另 外 ,在 网 络 对 大 学 生生 活 的 影响 上 ,36.8% 的 上 网 大 学 生 认 为 最 大 影响 是 获 
得 了 许多 生活 知识 ,33.2% 的 人 则 认为 是 拓展 了 自己 的 业余 生活 。 值 得 注意 的 是 ,有 22.6% 
的 大 学 生 认 为 网 络 在 生活 上 的 第 二 影响 是 改变 了 自己 的 人 际 交往 模式 ,这 也 许 是 大 学 生 
可 以 常常 通过 E-mail, R EWR E, BBS 等 网 络 媒介 与 外 界 联系 沟通 的 缘故 。 调 查 中 还 
发 现 ,几乎 所 有 的 上 网 大 学 生 都 认为 自己 并 没有 时 常 受 不 良 信息 的 影响 ,这 说 明 中 国 现在 
的 网 络 空间 (中 文 网 站 ) 还 是 相对 净化 的 。 

(3) 上 网 大 学 生 对 网 络 运行 现状 满意 度 的 分 析 

既然 网 络 已 被 多 数 大 学 生 认 同和 接受 ,那么 ,是 不 是 这 些 大 学 生 对 现在 的 网 络 运行 状 
况 就 感到 满意 了 呢 ? 在 问卷 设计 时 ,笔者 专门 提出 了 这 个 方面 的 问题 。 数 据 结果 显示 , 当 
代 大 学 生 对 网 络 的 态度 充满 了 矛盾 ,可 以 用 一 个 词 来 形容 一 一 既 爱 又 恨 。 爱 的 是 网 络 拥 
有 丰富 的 信息 ,不断 更 换 的 内 容 和 快捷 方便 的 交流 等 简直 让 人 无 法 抗拒 的 优点 。 恨 的 是 
对 于 一 个 没有 收入 的 学 生来 说 ,上 网 所 需 费 用 实在 太 高 ,上 网 对 于 一 个 经 济 不 太 宽裕 的 大 
学 生来 说 的 确 是 一 种 很 奢侈 的 享受 。 更 让 他 们 感到 难以 忍受 的 是 现在 的 网 络 运行 速度 的 
确 太 慢 ,上 网 高 峰 时 间 网 络 拥挤 现象 时 有 发 生 。 大 学 生 对 网 络 的 这 种 爱 恨 交 织 的 感情 , 形 
象 地 说 明 在 网 络 运行 初期 由 于 技术 , 非 技 术 因 素 的 影响 ,人 们 对 网 络 的 复杂 心态 。 在 调查 
中 还 发 现 ,20.2% 的 上 网 大 学 生 认 为 自己 受 上 网 时 间 的 限制 。 笔 者 认为 这 可 能 与 当代 大 学 
生日 常 学 习 , 生 活 节奏 的 加 快 有 关 。 相 应 地 ,有 28. 3% 的 人 抱怨 校园 网 络 设施 不 够 完善 ,使 
自己 受到 上 网 地 点 的 限制 。 另 外 ,中 文 信息 量 太 少 也 成 为 一 些 大 学 生 不 太 满意 的 一 个 方面 ， 
大 约 24.1% 的 人 承认 上 网 时 受 网 上 文字 的 影响 。 这 一 点 有 一 些 出 乎 笔者 意料 之 外 ,因为 英 
文 是 大 学 期 间 的 必修 课程 ,不 应 该 一 见 到 英文 资料 就 受到 限制 。 不 过 ,从 另 一 个 侧面 看 ,也 
充分 说 明 国 内 中 文 网 站 的 建设 还 需要 加 快 努力 ,这 样 才 能 适应 广大 网 民 的 信息 需求 。 

大 学 生 们 的 这 种 复杂 心态 也 表现 于 他 们 对 网 络 满意 度 的 测量 上 。 在 回答 “您 对 网 络 总 
的 来 说 满 不 满 意 ” 一 问 时 ,5. 3% 的 上 网 大 学 生 表示 “很 满意 ”37. 2% 的 人 感到 “满意 ”， 
48.5% 的 人 感到 “不 满意 ”,6.2% 的 人 抱怨 “很 不 满意 ”, 还 有 2.8% 的 人 对 这 一 问题 “说 不 清楚 ”。 
【小 结 】 

通过 以 上 的 实 训 学 生 可 以 了 解 网 络 在 线 问 卷 调查 的 整个 过 程 ,熟悉 问卷 调查 的 方法 
和 技巧 ,掌握 在 线 问 卷 调查 的 格式 。 

网 上 问卷 调查 是 网 站 实务 运作 的 一 项 内 容 , 尽 管 在 内 容 和 功能 呈现 上 占 总 体 很 小 的 
比例 ,但 网 站 及 调查 方 应 不 断 提升 运作 水 平 。 一 项 问卷 调查 放置 在 门户 网 站 或 有 代表 性 
的 新 闻 网 站 ,与 放置 在 一 般 网 站 上 , 填 答 人 数 的 差别 是 巨大 的 。 在 网 站 上 ,一 项 网 上 问卷 
调查 放置 在 哪 一 个 版 面 和 位 置 , 亦 直接 影响 网 民 的 关注 度 及 后 续 的 参与 行为 。 

网 上 问卷 调查 的 内 容 与 格式 也 是 一 项 非常 重要 的 内 容 , 常 用 的 方式 大 致 有 以 下 三 类 。 

(1) 简单 方式 (三 级 态度 量 表 ) 

这 是 网 站 在 对 热点 新 闻 和 突 发 事件 进行 报道 的 同时 最 多 采用 的 调查 方式 ,通常 只 有 
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三 个 选项 ,也 就 是 态度 量 表 上 的 赞成 .反对 、 说 不 好 (或 无 所 谓 )。 很 少见 采用 5 个 选项 : 
非常 赞成 、 赞 成、 坚决 反对 、 反 对 说 不 好 (或 无 所 谓 )。 这 主要 是 考虑 网 上 调查 问卷 简单 明 
了 的 特点 ,以 及 它 并 非 是 满足 更 细致 深入 分 析 的 目的 。 如 联合 早报 网 中 的 调查 ,“ 本 次 两 
会 对 推动 两 岸 统一 有 积极 作用 吗 ?”, 选 项 仅 有 三 个 : 有 、 没 有 ,不 知道 。 还 有 一 种 简单 方 
式 是 供 网 民 进 行 判断 的 选择 题 ,选项 同样 很 少 。 

(2) 组 合 方式 (专题 调查 ) 

这 种 方式 实际 上 是 第 一 种 方式 规模 化 的 发 展 。 由 于 第 一 种 方式 过 于 简单 ,不 能 充分 
反映 网 友 对 一 个 问题 多 方面 的 态度 和 判断 ,因此 组 合 方式 应 运 而 生 。 其 表现 形态 为 将 调 
查 主题 分 解 为 若干 子 题 ,尽管 每 一 个 子 题 的 题 项 也 就 是 三 四 个 问题 ,但 众多 的 子 题 可 以 形 
成 对 事物 多 侧面 和 多 角度 的 反馈 ,从 而 使 调查 能 够 做 到 更 全 面 、 更 深入 。 

(3) 完整 问卷 方式 (专题 调查 ) 

这 种 方式 主要 用 于 网 站 了 解 自己 的 受众 情况 ,以 及 其 他 调查 公司 和 机 构 委托 的 项 目 ， 
网 页 上 呈现 的 是 一 份 完整 问卷 的 形式 。 其 内 容 往 往 包 括 调 查 对 象 的 个 人 简单 情况 和 较 多 
的 调查 题 项 ,还 可 设置 供 网 友 填写 具体 建议 .意见 的 窗口 。 调 查 的 核心 部 分 ,是 调查 方 精 
心 策划 和 设计 的 , 题 项 按 一 定 多 辑 关系 和 层次 展开 。 

【思考 题 】 

1. 实 训 中 你 用 了 哪些 热点 问题 ? 为什么? 

2. 问卷 调查 的 目的 是 什么 ”如 何 达 到 ? 

3. 你 的 问卷 调查 对 象 定位 在 哪里 ? 为 什么 ? 

A. 简 述 问卷 调查 对 网 站 建设 有 哪些 好 处 。 
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【 实 训 前 的 准备 】 

1. 检查 计算 机 是 否 连接 了 Internet. 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP, 

3. 在 除 C 盘 外 的 其 他 盘 上 (如 DD AE 盘 或 其 他 逻辑 盘 ) 创 建 一 个 新 文件 夹 ,名 称 为 
student, 

4. 检查 系统 中 是 否 安装 有 Word 2000. Dreamweaver, FrontPage, WEE ^5 4X f/F 
【 实 训 目的 要 求 】 

1. 了 解 电 子 商 务 网 站 栏目 规划 设计 策略 。 

2. 掌握 栏目 设计 过 程 中 的 注意 事项 。 

3. 掌握 栏目 设计 的 方法 和 技巧 。 

4. 学 会 一 般 网 站 栏目 的 设计 。 
【 实 训 内 容 及 操作 步骤 】 

1. 实 训 步 又 

(1) 选择 目标 市 场 。 
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(2) 细 分 目标 市 场 。 

(3) 查看 相关 资料 并 选择 商品 。 

(4) 进行 网 站 栏目 的 规划 设计 。 

G) 网 站 栏目 规划 的 内 容 有 : 概述 ; @ 相 关 网 站 栏目 设计 内 容 ; @ 本 网 站 栏目 设 
计 规 划 流 程 图 ; @ 一 级 栏目 规划 内 容 ; @ 二 级 栏目 规划 内 容 ; @ 本 网 站 栏目 规划 特色 。 

2. 网 站 栏目 规划 设计 样 例 

下 面 是 一 个 汽车 网 站 栏目 规划 设计 样张 ,请 参考 。 


汽车 网 站 栏目 规划 设计 

1. 概述 

本 网 站 的 类 型 是 B2C, 其 主要 目的 是 通过 网 站 的 宣传 和 推广 将 汽车 产品 和 服务 带 给 
有 车 一 族 , 通 过 网 站 提供 给 消费 者 在 线 服 务 和 订单 处 理 , 并 使 消费 者 随时 了 解 企 业 产品 和 
企业 服务 的 各 项 信息 。 

对 消费 者 汽车 消费 和 付款 形式 调查 的 数据 显示 ,全 款 付 费 仍 是 目前 消费 者 付款 的 主 
要 手段 , 且 优 势 明 显 。 此 外 ,消费 者 当中 对 实用 、 节 能 车 型 的 认购 意向 也 比 以 往 有 大 幅 增 
加 ,特别 是 首次 购车 消费 者 对 车 型 的 要 求 也 逐步 转移 到 质量 、 安 全 等 方面 。 众 多 消费 者 的 
购车 信息 渠道 以 汽车 网 站 宣传 推广 与 口碑 相 结 合 为 主 ,考虑 因素 比 以 往 相对 综合 了 许多 
内 容 , 消 费 者 的 汽车 消费 达到 了 理性 化 选择 的 阶段 。 因 此 ,本 网 站 定位 在 中 高 档 汽车 销售 
和 服务 上 ,受众 群体 定位 在 年 收入 12 万 元 以 上 的 大 学 教师 ,企业 经 理 、 小 企业 主 等 。 

2. 目前 知名 汽车 网 站 栏目 设计 

我 们 对 几 个 知名 汽车 网 站 栏目 进行 了 调研 。 

(1) 广州 本 田 汽 车 网 站 栏目 。 广 州 本 田 汽 车 网 站 栏目 如 图 3.1 所 示 。 
HONDA m- 


Tha Poworof Droams 


页 | 公司 简介 | Honda 新 闻 


dr 烙 的 位 置 >> 首 页 >> 产 品 介绍 一 一 汽车 >>ODYSSEY( 奥 德 赛 ) 
新 奥德赛 (Odyssey 新 锐 出 击 


2005 年 伊始 ,广州 本 田 秉承 一 贯 的 企业 精神 ,在 低地 板 开发 平台 上 ,实现 了 豪华 轿车 价值 


O NE ue M), 的 E 伸 ， 带 来 县 有 创新 精 神 和 生命 力 的 新 奥德赛 ( Odyssey) ， SEDANTE, HRE 
一 一 一 一 一 一 05 直 如 位 相 得 益 影 新生 入 赛 ( d E E 
广州 本 国 汽车 有 限 公司 它 莱 具 铺 车 的 出 色 动 力 与 操控 性 能 ,以 及 时 尚 、 前 卫 、 流 师 的 外 观 造型 ， 与 此 同时 ,这些 价值 
也 读 美 延伸 到 了 具有 有 才 功 能 价值 的 车 身 之 上 ， 在 实用 性 方面 大 大 超越 轿车 的 范畴 ， 成 就 新 一 代 

Accord (HD EAER C Odyssey) . BB BESTIA RIBRE C Odyssey) 不 同一 般 的 魅力 ， 其 过、 


ce es quei o 美 ， 过 的 核心 价值 以 及 忧 良 的 安全 和 环保 新 能 成 为 所 有 爱 车 人 目光 的 集 点 。 
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图 3.1 广州 本 田 汽 车 网 站 


$ 
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从 图 3. 1 中 可 知 ,该 网 站 的 一 级 栏目 为 : 公司 简介 、Honda 新 闻 、 产 品 介 绍 、 售 后 服 
务 、 知 识 产权 、ASIMO、 赛 车 运动 环保、 安全 。 
(2) 上 海通 用 汽车 网 站 栏目 。 上 海通 用 汽车 网 站 栏目 如 图 3.2 所 示 。 
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图 3.2 上 海通 用 汽车 网 站 


从 图 3.2 中 可 知 , 该 网 站 的 一 级 栏目 为 : 关于 SGM 汽车 品牌 .服务 无 限 、 最 新 动态 、 
工作 机 会 等 。 
G) 购车 网 网 站 栏目 。 购 车 网 网 站 栏目 如 图 3.3 所 示 。 


购车 网 汽车 报价 - 汽车 团购 - 购车 咨询 - 中 关 材 在线 [NE | D ER | 


www.gocar.en 
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车 型 分 类 查询 ; 轿车 ”SUY/ 越 野 车 ”IEY 休闲 旅行 车 跑车 客车 


图 3.3 购车 网 站 


从 图 3.3 中 可 知 ,该 网 站 的 一 级 栏目 为 : 新 车 报价 .进口 车 市 、 车 型 档案 购车 资讯 、 
车 型 比较 、 费 用 计算 、 车 友 社 区 。 

3. 本 网 站 栏目 设计 规划 
根据 市 场 调查 结果 并 进行 综合 比较 后 ,提出 本 网 站 栏目 设计 规划 如 图 3.4 Hoo i 
目 结构 图 。 
4. 一 级 栏目 规划 

(1) 栏目 概述 

整个 网 站 的 结构 设计 要 体现 个 性 化 ,体现 购车 消费 者 对 车 型 的 质量 和 安全 的 要 求 , 并 
方便 ,快捷 地 转 入 任何 想 去 的 网 页 。 因 此 ,设计 以 下 几 个 栏目 为 一 级 栏目 : 汽车 资讯 、 新 
车 展示 、 购 车 指南 (图 文 类 )、 品 牌 在 线 、. 汽 车 文化 信息 沟通 。 
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中 国 汽车 网 站 总 控 模 块 
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图 3.4 购车 网 网 站 栏目 结构 图 


(2) 各 栏目 介绍 

一 级 栏目 共有 6 个 ,每 一 个 栏目 下 面 又 有 若干 个 项 目 。 

@ 汽车 资讯 : 该 一 级 栏目 主要 介绍 各 款 汽车 的 方方面面 的 资料 ,包括 各 类 汽车 图 
片 .技术 指标 、 报 价 单 、 本 地 车 市 .车 市 新 闻 等 。 

@ 新 车 展示 : 该 一 级 栏目 主要 介绍 各 款 新 车 的 资讯 ,包括 新 车 图 片 、 外 观 参数 、 技 术 
指标 、 报 价 单 、 试 驾 信 息 、 与 同类 车 型 比较 、 展 望 等 。 

@ 购车 指南 : 该 一 级 栏目 主要 为 新 购车 一 族 提供 各 种 便利 的 服务 ,包括 购车 流程 、 
购车 常识 、 信 和 贷 保险 .对比 测试 、 购 车 专题 等 。 

@ 品牌 在 线 : 该 一 级 栏目 主要 介绍 中 高 档 汽 车 的 品牌 ,特色 .闪光 点 ` 包 括 国内 的 各 
种 品牌 汽车 、 欧 洲 品牌 、 美 洲 品牌 、 亚 洲 品牌 ,并 将 品牌 标志 图 放 入 网 站 中 。 例 如 ,如 图 3.5 
和 图 3.6 所 示 的 是 中 国 国 内 品牌 车 标志 。 
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图 3.5 国内 品牌 标志 一 
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图 3.6 国内 品牌 标志 二 


3.7 所 示 的 是 欧洲 品牌 ; 图 3.8 所 示 的 是 美洲 品牌 ; 图 3.9 所 示 的 是 亚洲 品牌 。 


QUE (——| 7 | Qs" 


阿尔 法 PKR 。 阿 斯 顿 .马丁 进口 奥迪 本 特 利 /宾利 宝马 


ED 全 hm .5. ERNE, BsMB 
标致 保时捷 


s E m 
[ 
(vw) ve QD 
Misi E z E 


图 3.7 欧洲 品牌 标志 
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图 3.8 美洲 品牌 标志 


消费 者 可 以 通过 网 站 找到 相应 的 品牌 和 制造 该 品牌 的 厂家 ,并 可 以 通过 本 网 站 链接 
到 生产 品牌 的 企业 网 站 ,去 那里 可 以 获得 更 多 的 资料 和 技术 数据 。 同 时 ,也 让 消费 者 对 各 
种 品牌 进行 对 照 \、 比 较 , 找 到 自己 信赖 的 品牌 。 
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图 3.9 亚洲 品牌 标志 


@ 汽车 文化 : 该 一 级 栏目 主要 让 消费 者 了 解 什么 是 汽车 文化 。 汽 车 在 改变 人 们 的 
生活 , 它 在 带 给 人 们 极 大 便利 的 同时 ,的 确 也 带 来 了 一 些 烦 恼 。 但 是 ,生活 就 是 这 样 ,对 任 
何 生活 方式 的 评价 都 是 相对 的 ,没有 绝对 的 好 与 坏 。 这 是 一 种 观念 ,一 种 态度 ,更 是 一 种 
文化 。 

当 一 种 消费 品 已 经 达到 一 定数 量 时 , 它 自然 就 会 在 人 们 生活 中 发 挥 其 “使 用 价值 ”以 
外 的 作用 。 从 而 也 就 形成 了 其 自身 的 一 种 文化 。 汽 车 也 不 例外 。 近 年 来 “汽车 文化 ”、 
“汽车 时 尚 ? 等 概念 已 不 断 被 人 们 所 提 及 。 然 而 ,究竟 什么 是 “汽车 文化 ?? 又 有 多 少 人 能 
够 真正 地 理解 它 呢 ? 

这 就 是 本 网 站 需要 介绍 和 引导 的 内 容 。 包 括 汽车 文化 人 才 .汽车 俱乐部 .品牌 策划 与 
推广 .汽车 人 才 培 训 、 汽 车 文化 项 目 策划 与 运作 ,汽车 传媒 .汽车 展览 .汽车 市 场 调研 .汽车 
运动 策划 与 运作 ,汽车 摄 影 等 。 

© 信息 沟通 : 该 一 级 栏目 主要 为 企业 与 消费 者 、 消 费 者 与 消费 者 之 间架 起 一 座 桥 
梁 , 实 现 信息 的 沟通 。 包 括 企业 联系 方式 和 联系 人 、 汽 车 专题 论坛 .留言 板 、 意 见 反馈 表 、 
专题 聊天 室 等 。 

在 该 栏目 中 发 挥 每 一 个 消费 者 的 想象 力 和 争辩 力 , 在 该 栏目 中 可 以 畅所欲言 ,可 以 讨 
论 与 汽车 有 关 的 各 类 题目 ,例如 ,汽车 的 历史 、 发 展 、 展 望 、 汽 车 人 才 、 汽 车 广告 设计 与 策 
划 、 媒 体 及 文化 机 构 公关 、 汽 车 文学 、 汽 车 旅游 汽车 娱乐 .汽车 商品 、 汽 车 俱乐部 .汽车 论 
坛 \ 汽 车 聊天 室 等 。 

5. 二 级 栏目 概述 

二 级 栏目 需 紧 扣 一 级 栏目 的 内 容 和 要 求 ,是 一 级 栏目 的 扩展 和 延伸 。 二 级 栏目 需要 
具体 地 实现 一 级 栏目 的 目标 ,发 挥 其 网 站 的 主力 军 作 用 。 因 此 ,在 规划 二 级 栏目 时 ,着 重 
注意 到 栏目 的 可 用 性 、 实 用 性 、 方 便 性 和 可 操作 性 。 

6. 二 级 栏目 规划 

各 二 级 栏目 功能 简介 如 下 所 示 。 

OD 汽车 图 片 : 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽车 的 图 片 ,包括 主 
视图 、 信 视图、 解剖 图 .内 室 图 、 发 动机 图 等 。 

(2) 技术 指标 : 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽车 的 各 种 技术 指 
标 , 包 括 发 动机 技术 指标 .内 饰 技术 指标 、 各 保养 期 技术 指标 、 轮 胎 技 术 指标 等 。 

(3) 报价 单 : 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽 车 的 各 种 报价 单 , 包 
括 整 车 报价 .团购 价 . 网 上 询 价 、. 零 部 件 价 、 装 饰 价 等 。 
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(4) 外 观 参 数 : 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽车 的 各 种 外 形 参 
数 , 包 括 车 宽 、 车 高 、 车 室 尺 寸 、 轮 胎 尺寸 等 。 

O dE E E. 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽车 的 各 种 试 驾 信 
E. ER GASSARGAUENIEGAUEARS. 

(6) 参数 比较 : 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽车 与 同类 同 档次 车 
辆 进行 各 方面 的 比较 ,包括 车 辆 的 外 形 比较 、 发 动机 比较 、 油 耗 比较 、 安 全 性 比较 、 防 碰撞 
能 力 比 较 等 。 

C) 购车 流程 : 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽车 的 购车 流程 , 包 
括 购车 步骤 、 车 辆 装饰 车 辆 上 上 牌 等 。 

(8) 信贷 保险 : 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽车 的 各 种 信贷 流 
程 ,包括 按揭 贷款 购车 步骤 、 车 辆 保险 ,车辆 养路 费 等 。 

(9) 国内 品牌 : 该 二 级 栏目 主要 提供 中 国 国 内 的 各 种 品牌 汽车 的 商标 、 汽 车 外 观 、 汽 
车 企业 、 汽 车 技术 指标 等 ,如 国内 的 北汽 福田 、 广 州 本 田 、 南 京 跃进 等 。 

(10) 购车 专题 , 该 二 级 栏目 主要 提供 本 网 站 销售 的 各 种 中 高 档 汽 车 的 各 种 购车 信 
息 , 包 括 汽车 导购 、 消 费 者 专访 、 购 车 信息 等 。 

(11) 欧美 品牌 : 该 二 级 栏目 主要 提供 欧美 的 各 种 品牌 汽车 的 商标 、 汽 车 外 观 、 汽 车 
企业 、 汽 车 技术 指标 等 ,如 欧洲 的 阿尔 法 。 罗 密 欧 、 奔 驰 、 别 克 、 道 奇 等 。 

(12) 亚洲 品牌 : 该 二 级 栏目 主要 提供 亚洲 的 各 种 品牌 汽车 的 商标 、 汽 车 外 观 、 汽 车 
企业 汽车 技术 指标 等 ,如 大 字 ,凌志 、 起 亚 、 现 代 等 。 

(13) 汽车 文化 : 该 二 级 栏目 主要 提供 汽车 文化 的 各 种 资料 ,包括 汽车 人 才 培 训 、 汽 
车 展览 .汽车 传媒 等 。 

(14) 汽车 俱乐部 ; 该 二 级 栏目 主要 提供 汽车 俱乐部 的 各 种 活动 ,包括 汽车 俱乐部 的 
安排 、 活 动 时 间 、 活 动 地 点 、 活 动 内容 和 活动 人 员 等 。 

(15) 汽车 调研 : 该 二 级 栏目 主要 提供 汽车 调研 的 各 种 资料 ,包括 市 场 调研 、 消 费 者 
调研 \ 市 场 占有 率 调研 等 。 

(16) 联系 方式 : 该 二 级 栏目 主要 提供 企业 与 企业 、 企 业 与 消费 者 、 消 费 者 与 消费 者 
之 间 的 联系 的 方式 等 。 

(17) 汽车 聊天 : 该 二 级 栏目 主要 提供 消费 者 的 聊天 场所 ,包括 汽车 品牌 聊天 、 汽 车 
商标 聊天 、 汽 车 质量 聊天 、 汽 车 旅游 聊天 等 。 

(18) 意见 反馈 : 该 二 级 栏目 主要 提供 消费 者 的 意见 反馈 ,包括 汽车 质量 信息 反馈 、 
维修 反馈 、 安 全 反馈 .汽车 操作 信息 反馈 等 。 

7. 网 站 栏目 设计 特色 

建设 好 一 个 网 站 , 若 栏目 设计 得 当 , 特 色 鲜明 ,不 仅 能 起 到 为 网 站 增添 光彩 的 作用 ,而 
且 会 成 为 网 站 的 品牌 。 因 此 ,在 栏目 设计 上 ,一 切 围绕 着 消费 者 ,以 个 性 化 服务 的 理念 指 
导 一 切 工作 ,为 消费 者 着 想 , 为 消费 者 购买 的 方便 性 提供 一 切 服 务 , 特 别 是 汽车 的 售后 服 
务 , 包 括 汽车 保养 .定期 检查 、 事 故 维修 、 信 贷 保险 等 ,及 时 地 听取 消费 者 的 意见 和 反馈 信 
息 , 及 时 快速 地 将 最 新 信息 传递 给 消费 者 , 留 住 老 顾 客 , 吸 引 新 顾客 。 
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【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 了 解 网 站 栏目 设计 的 整个 过 程 ,熟悉 网 站 栏目 设计 结构 ， 
掌握 网 站 栏目 设计 的 方法 和 技巧 。 

网 站 建设 是 否 成 功 很 大 程度 上 取决 于 网 站 栏目 的 设计 ,如 果 网 站 栏目 结构 不 清晰 , 目 
录 庞 杂 , 内 容 东 一 块 西 一 块 。 结 果 不 但 使 浏览 者 看 得 糊涂 ,自己 扩充 和 维护 网 站 也 相当 困 
难 。 一 般 的 网 站 栏目 安排 要 注意 以 下 几 方 面 。 

CD 要 紧 扣 主题 。 将 主题 按 一 定 的 方法 分 类 并 将 它们 作为 网 站 的 主 栏目 。 主 题 栏目 
个 数 在 总 栏目 中 要 占 绝对 优势 ,这 样 的 网 站 显得 专业 ,主题 突出 ,容易 给 人 留 下 深刻 印象 。 

(2) 设立 最 近 更 新 或 网 站 指南 栏目 。 设立 “最 近 更 新 ”的 栏目 ,是 为 了 照顾 常 来 的 访 
客 , 使 主页 更 具 人 性 化 。 如 果 主 页 内 容 庞 大 、 层 次 较 多 ,而 又 没有 站 内 的 搜索 引擎 ,设置 
“本 站 指南 ”栏目 ,可 以 帮助 初 访 者 快速 找到 他 们 想 要 的 内 容 。 

(3) 设立 可 以 双向 交流 的 栏目 。 比 如 论坛 .留言 簿 、 邮 件 列表 等 ,可 以 让 浏览 者 留 下 
他 们 的 信息 。 

(4) 设立 下 载 或 常见 问题 回答 栏目 。 网 络 的 特点 是 信息 共享 。 如 在 主页 上 设置 一 个 
资料 下 载 栏目 ,便于 访问 者 下 载 所 需 资料 。 另 外 ,如 果 站 点 经 常 收 到 网 友 关 于 某 方面 的 问 
题 来 信 , 最 好 设立 一 个 常见 问题 回答 的 栏目 , 既 方 便 了 网 友 ,也 可 以 节约 自己 更 多 的 时 间 。 
【思考 题 】 

1. 实 训 中 你 是 如 何 规 划 栏 目 结构 的 ? 

2. 你 认为 在 实 训 中 最 使 你 满意 的 是 哪个 栏目 ? 为 什么 ? 

3. 在 栏目 设计 中 你 使 用 了 哪些 理论 知识 ? 

4. 在 栏目 设计 中 你 使 用 了 哪些 技术 手段 ? 


实 训 12 电子 商务 网 站 的 推广 


【 实 训 目的 要 求 】 

1. 了 解 电 子 商务 网 站 推广 意义 。 

2. 掌握 电子 商务 网 站 推广 策略 。 

3. 掌握 电子 商务 网 站 推广 的 方法 和 技巧 。 

4. 学 会 一 般 电子 商务 网 站 推广 的 方法 。 
【 实 训 内 容 及 操作 步骤 】 

1. 实 训 步 又 

(1) 选择 目标 市 场 。 

(2) 查看 相关 资料 并 选择 商品 。 

(3) 确定 推广 网 站 的 类 型 。 

(4) 收集 具有 “针对 性 ”的 站 点 。 

CO 了 解 各 个 站 点 的 宣传 影响 力 。 

(6) 确定 推广 方法 。 


57^. 
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(7) 撰写 推广 报告 。 
2. 网 站 推广 样 例 
下 面 是 一 个 旅游 网 站 推广 方案 设计 样张 ,请 参考 。 


旅游 网 站 推广 方案 设计 

1. 概述 

网 站 推广 是 网 络 营 销 的 8 项 职能 之 一 ,也 是 网 络 营销 的 重要 内 容 , 其 目的 在 于 让 尽 可 
能 多 的 潜在 用 户 了 解 并 访问 网 站 ,通过 网 站 获得 有 关 产 品 和 服务 等 信息 ,为 最 终 形成 购买 
决策 提供 支持 。 网 站 推广 需要 借助 于 一 定 的 网 络 工具 和 资源 ,常用 的 网 站 推广 工具 和 资 
源 包括 搜索 引擎 、 分 类 目录 .电子 邮件 .网 站 链接 、 在 线 黄 页 和 分 类 广告 ,电子 书 、 免 费 软 
件 、 网 络 广告 媒体 、 传 统 推广 渠道 等 。 所 有 的 网 站 推广 方法 实际 上 都 是 对 某 种 网 站 推广 手 
段 和 工具 的 合理 利用 ,因此 制定 和 实施 有 效 的 网 站 推广 方法 的 基础 是 对 各 种 网 站 推广 工 
具 和 资源 的 充分 认识 及 合理 应 用 。 

(1) 中 国旅 游 产业 分 析 

2007 年 的 “十 一 ”黄金 周 ,表现 出 了 与 以 往 16 个 黄金 周 不 同 的 特点 。 传 统 的 老 景区 
景点 增长 明显 减缓 ,新 景区 景点 、 冷 点 受到 欢迎 ,城市 商业 餐饮 及 其 他 休闲 项 目 、 城 市 周边 
的 乡村 休闲 、 自 驾 旅 游 等 自主 类 型 休闲 产品 不 断 掀起 高 潮 。 旅 游 消 费 的 结构 正在 发 生 较 
大 的 变化 。 

实际 上 ,由 于 我 国 居 民 收 入 增长 极其 快速 ,特别 是 在 人 均 GDP 超过 2000 美元 的 重要 
时 点 ,旅游 产品 提升 及 产业 结构 升级 ,正在 进入 一 个 关键 时 期 。 经 旅游 市 场 调研 发 现 ,来 
自 市 场 需求 变化 的 压力 ,来 自 政府 主导 的 要 求 ,来 自学 者 发 展 研究 的 提示 ,都 清楚 地 表明 ， 
中 国旅 游 产 业 的 系统 升级 已 经 成 为 中 国旅 游 业 迫切 需要 研究 的 课题 。 我 们 认为 ,以 休闲 
结构 创新 为 重点 的 旅游 产业 系统 升级 与 产品 提升 , 正 是 区 域 旅游 竞争 发 展 中 ,政府 主导 旅 
游 开 发 应 该 抓 住 的 巨大 良机 。 

(2) 休闲 旅游 结构 模式 

@ 城 区 休闲 模式 。 城 区 休闲 模式 主要 指 市 民 在 工作 日 的 闲暇 时 间 、 周 末 或 节假日 选 
择 在 市 内 的 商业 街 、 餐 饮 休闲 街 、. 康 体 俱乐部 等 进行 的 购物 休闲 、 餐 饮 休闲 和 洗浴 、 运 动 休 
闲 活动 等 。 

Q 城乡 一 体 化 休闲 模式 。 城 乡 一 体 化 休闲 模式 主要 指 市 民 在 周末 或 节假日 选择 在 
近郊 区 的 自然 山水 中 开展 郊游 休闲 活动 ,这 一 休闲 模式 下 的 主要 消费 群体 是 有 车 族 。 
O 远郊 区 休闲 模式 。 远 郊区 休闲 模式 主要 指 城市 居民 在 黄金 周 、 个 人 带 薪 长 假 等 较 
长 休闲 时 间 内 选择 到 远郊 区 进行 休闲 度假 活动 。 这 一 休闲 模式 下 的 消费 群体 偏好 的 是 自 
然 山水 中 的 养生 和 生态 运动 休闲 方式 。 

本 网 站 是 旅游 商务 网 , 属 B2C 类 型 ,网 站 定位 在 休闲 结构 模式 。 因 此 ,对 该 网 站 的 推 
广 采取 了 以 下 几 个 措施 。 

2. 网 站 推广 方法 

网 站 建设 好 后 ,可 以 通过 以 下 几 种 方法 进行 推广 。 
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(1) 搜索 引擎 推广 方法 

搜索 引擎 推广 是 指 利用 搜索 引擎 、 分 类 目录 等 具有 在 线 检索 信息 功能 的 网 络 工具 进 
行 网 站 推广 的 方法 。 由 于 搜索 引擎 的 基本 形式 可 以 分 为 基于 网 络 蜂 蛛 型 搜索 引擎 (简称 
搜索 引擎 ) 和 基于 人 工分 类 目录 的 搜索 引擎 (简称 分 类 目录 ), 因 此 搜索 引 人 擎 推广 的 形式 也 
相应 的 有 基于 搜索 引擎 的 方法 和 基于 分 类 目录 的 方法 ,前 者 包括 搜索 引擎 优化 关键 词 广 
告 、 竞 价 排名 、 固 定 排名 、 基 于 内 容 定位 的 广告 等 多 种 形式 ,而 后 者 则 主要 是 在 分 类 目录 合 
适 的 类 别 中 进行 网 站 登录 。 随 着 搜索 引擎 形式 的 进一步 发 展 变 化 ,也 出 现 了 其 他 一 些 形 
式 的 搜索 引擎 ,不 过 大 都 是 以 这 两 种 形式 为 基础 。 

搜索 引擎 推广 的 方法 又 可 以 分 为 多 种 不 同 的 形式 ,常见 的 有 登录 免费 分 类 目录 、 登 录 
付费 分 类 目录 、 搜 索引 人 擎 优化 .关键 词 广告 .关键 词 竞价 排名 、 网 页 内 容 定位 广告 等 。 

(2) 电子 邮件 推广 方法 

以 电子 邮件 为 主要 的 网 站 推广 手段 ,常用 的 方法 包括 电子 刊物 、 会 员 通讯 、 专业 服务 
商 的 电子 邮件 广告 等 。 

基于 用 户 许可 的 E-mail 营销 与 滥 发 邮件 (Spam) 不 同 ,许可 营销 比 传统 的 推广 方式 
或 未 经 许可 的 E-mail 营销 具有 明显 的 优势 ,比如 可 以 减少 广告 对 用 户 的 滋 扰 、 增 加 潜在 
客户 定位 的 准确 度 、 增 强 与 客户 的 关系 、 提 高 品牌 忠诚 度 等 。 根 据 许可 E-mail 营销 所 应 
用 的 用 户 电子 邮件 地 址 资源 的 所 有 形式 ,可 以 分 为 内 部 列表 E-mail 营销 和 外 部 列表 
E-mail 营销 ,或 简称 内 部 列表 和 外 部 列表 。 内 部 列表 也 就 是 通常 所 说 的 邮件 列表 ,是 利 
用 网 站 的 注册 用 户 资料 开展 E-mail 营销 的 方式 ,常见 的 形式 如 新 闻 邮 件 、 会 员 通 讯 、 电 
子 刊物 等 。 外 部 列表 E-mail 营销 则 是 利用 专业 服务 商 的 用 户 电 子 邮件 地 址 来 开展 
E-mail 营销 ,也 就 是 电子 邮件 广告 的 形式 向 服务 商 的 用 户 发 送信 息 。 许 可 E-mail 营销 
是 网 络 营销 方法 体系 中 相对 独立 的 一 种 , 既 可 以 与 其 他 网 络 营销 方法 相 结合 ,也 可 以 
独立 应 用 。 

(3) 资源 合作 推广 方法 

通过 网 站 交换 链接 、 交 换 广告 .内 容 合作 、 用 户 资源 合作 等 方式 ,在 具有 类 似 目 标的 网 
站 之 间 实 现 互相 推广 的 目的 ,其 中 最 常用 的 资源 合作 方式 为 网 站 链接 策略 ,利用 合作 伙伴 
之 间 网 站 访问 量 资源 合作 互 为 推广 。 

每 个 企业 网 站 均 可 以 拥有 自己 的 资源 ,这 种 资源 可 以 表现 为 一 定 的 访问 量 、 注 册 用 户 
信息 、 有 价值 的 内 容 和 功能 、 网 络 广 告 空间 等 ,利用 网 站 的 资源 与 合作 伙伴 开展 合作 ,实现 
资源 共享 、 共 同 扩大 收益 的 目的 。 在 这 些 资源 合作 形式 中 ,交换 链接 是 最 简单 的 一 种 合作 
方式 ,调查 表明 也 是 新 网 站 推广 的 有 效 方式 之 一 。 交 换 链 接 或 称 互惠 链接 ,是 具有 一 定 互 
补 优势 的 网 站 之 间 的 简单 合作 形式 , 即 分 别 在 自己 的 网 站 上 放置 对 方 网 站 的 Logo 或 网 
站 名 称 并 设置 对 方 网 站 的 超 链 接 , 使 得 用 户 可 以 从 合作 网 站 中 发 现 自己 的 网 站 ,达到 互相 
推广 的 目的 。 交 换 链 接 的 作用 主要 表现 在 如 下 几 个 方面 : 获得 访问 量 、 增 加 用 户 浏览 时 
的 印象 .在 搜索 引擎 排名 中 增加 优势 .通过 合作 网 站 的 推荐 增加 访问 者 的 可 信 度 等 。 交 换 
链接 还 有 比 是 否 可 以 取得 直接 效果 更 深 一 层 的 意义 ,一 般 来 说 ,每 个 网 站 都 倾向 于 链接 价 
值 高 的 其 他 网 站 ,因此 获得 其 他 网 站 的 链接 也 就 意味 着 获得 了 合作 伙伴 和 一 个 领域 内 同 
类 网 站 的 认可 。 
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(4) 病毒 性 营销 方法 

病毒 性 营销 方法 并 非 传 播 病毒 ,而 是 利用 用 户 之 间 的 主动 传播 ,让 信息 像 病毒 那样 扩 
散 , 从 而 达到 推广 的 目的 。 病 毒性 营销 方法 实质 上 是 在 为 用 户 提 供 有 价值 的 免费 服务 的 
Ma ardt 定 的 推广 信息 ,常用 的 工具 包括 免费 电子 书 、 免费 软件 .免费 Flash 作品 、 

费 贺 卡 、 免 费 邮 箱 、 免 费 即 时 聊天 工具 等 可 以 为 用 户 获 取信 息 、 使 用 网 络 服务 、 娱 乐 等 带 
ws iu 
非常 显著 的 效果 。 

(5) 综合 推广 

除了 以 上 的 方式 以 外 ,还 可 以 经 常 在 一 些 旅游 论坛 中 发 布 一 些 旅游 信息 ,提供 一 些 有 
价值 的 、 对 客户 有 吸引 力 的 新 闻 , 这 样 也 可 以 在 网 络 中 扩大 旅游 商务 网 的 知名 度 。 

3. 网 站 推广 实施 步 又 

网 站 推广 的 实施 步骤 如 下 。 

(1) 取 个 好 的 网 址 名 称 

为 网 站 注册 一 个 好 的 网 址 名 称 , 对 推广 网 站 非常 重要 。 小 心思 考 , 选 择 一 个 简短 易 
记 、 容 易 建 立 网 站 品牌 的 名 称 , 如 可 能 的 话 , 名 称 最 好 包含 最 重要 的 搜寻 关键 字 。 例 如 ,本 
网 站 是 杭州 旅游 网 站 , 取 名 为 人 间 天 堂 , 网 址 为 www. rjtt. com, 

(2) 让 大 家 知道 网 址 

完成 网 站 建设 后 ,要 使 网 站 曝光 的 最 佳 方法 是 在 公司 名 片 、 信 封 信纸 、 传 真 通讯 .所 有 
宣传 推广 用 品 和 文案 .电邮 签署 上 ,加 上 公司 网 址 ,让 所 有 与 公司 有 接触 的 人 都 知道 本 公 
司 的 网 址 ,可 以 将 旅游 最 佳 路 线 最 美好 的 图 片 展示 出 来 ,如 图 3. 10 所 示 。 


图 3. 10 旅游 风景 图 


G) 登录 搜索 引擎 
新 网 站 通常 需要 进行 搜索 引擎 注册 。 搜 索引 擎 注册 就 是 将 自己 的 网 站 基本 信息 ( 尤 
是 URL) 提 交 给 搜索 引擎 的 过 程 。 
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对 于 技术 型 搜索 引擎 (如 百度 、Google 等 ) ,通常 不 需要 自己 注册 ,只 要 网 站 被 其 他 已 
经 被 搜索 引擎 收录 的 网 站 链接 ,搜索 引擎 可 以 自动 发 现 并 收录 该 网 站 。 但 是 ,如 果 网 站 没 
有 被 链接 ,或 者 希望 自己 的 网 站 尽快 被 搜索 引擎 收录 , 那 就 需要 自己 提交 网 站 。 技 术 型 搜 
索引 人 擎 通常 只 需要 提交 网 站 的 上 层 目录 即 可 (比如 http://www. rjtt. com) ,而 不 需要 提 
交 各 个 栏目 、 网 页 的 网 址 。 这 些 工作 搜索 引擎 的 “ 览 蛛 ”自己 就 会 完成 了 ,只 要 网 站 内 部 的 
链接 比较 准确 ,一 般 来 说 ,适合 搜索 引擎 收录 规则 的 网 页 都 可 以 自动 被 收录 。 另 外 , 当 网 
站 被 搜索 引擎 收录 之 后 ,网 站 内 容 更 新 时 ,搜索 引擎 也 会 自行 更 新 有 关内 容 ,这 与 分 类 目 
录 是 完全 不 同 的 。 在 用 搜索 引擎 注册 的 方法 时 ,到 各 个 搜索 引擎 提供 的 “提交 网 站 ”页 面 ， 
输入 自己 的 网 址 ,提交 即 可 ,一 般 不 需要 网 站 介绍 .关键 词 之 类 的 附加 信息 。 目 前 技术 型 
搜索 引擎 的 提交 (或 被 自动 收录 ) 是 免费 的 。 

对 于 分 类 目录 型 搜索 引擎 ,只 有 自己 将 网 站 信息 提交 , 才 有 可 能 获得 被 收录 的 机 会 
(如 果 分 类 目录 经 过 审核 认为 符合 收录 标准 的 话 ) 。 并 且 , 分 类 目录 注册 有 一 定 的 要 求 , 需 
要 事先 准备 好 相关 资料 ,如 网 站 名 称 、 网 站 简介 、 关 键 词 等 。 由 于 各 个 分 类 目录 对 网 站 的 
收录 原则 不 同 ,需要 实现 对 每 个 计划 不 同 的 分 类 目录 进行 详细 的 了 解 ,并 准备 相应 的 资 
料 。 另 外 ,有 些 分 类 目录 是 需要 付费 才能 收录 的 ,在 提交 网 站 注册 资料 后 ,还 需要 支付 相 
应 的 费用 才能 实现 分 类 目录 型 搜索 引擎 的 注册 。 例 如 ,分 类 目录 搜狐 的 网 站 登录 地 址 为 
http://add. sohu. com, 在 这 个 页 面 上 可 以 看 到 ,搜狐 网 站 登录 分 为 固定 排序 登录 、 推 广 型 登 
录 、 普 通 型 登录 、 免 费 登录 4 种 ,需要 根据 自己 网 站 的 类 型 和 对 网 站 推广 的 要 求 等 选择 登录 。 

(4) 建立 网 站 链接 

对 于 网 站 来 说 ,链接 是 最 为 重要 的 ,无 论 是 链 入 ,还 是 链 出 ,都 会 对 网 站 的 推广 产生 影 
响 。 对 于 本 网 站 来 说 ,因为 是 旅游 网 站 ,所 以 需要 与 各 大 航空 公司 各 大 旅行 社 、 各 大 宾 
馆 、 各 大 酒店 进行 链接 。 

O 单 向 链接 。 一 个 网 站 对 另 一 个 网 站 有 链接 , 却 没有 反 向 的 链接 , 称 之 为 单 向 链接 。 
这 样 的 单 向 链接 , 比 双向 的 友情 链接 更 为 重要 。 从 Google 的 角度 来 说 ,其 投票 值 更 大 。 

© 友情 链接 。 就 是 常 说 的 两 个 网 站 互 换 链 接 , 很 多 时 候 搜索 引擎 会 对 这 种 链接 降低 
权 值 ,特别 是 其 内 容 相关 性 不 强 的 网 站 。 因 为 有 很 多 网 站 群 就 是 这 么 做 的 。 

@ 链接 的 数量 还 是 质量 。 数 量 很 重要 ,质量 也 重要 ,那么 如 何 做 呢 ? 就 是 要 有 一 些 
相关 度 强 的 高 权 值 的 网 站 ,链接 向 自己 的 网 站 ,再 加 上 很 多 其 他 各 种 网 站 链接 向 自己 , 那 
么 这 种 混合 ,会 在 不 同 的 搜索 引擎 都 会 获得 较 好 的 收录 排名 。 当 提供 链接 到 其 他 网 站 的 
时 候 , 要 确实 看 过 那个 网 站 ,要 确认 那个 网 站 的 质量 之 后 , 才 可 以 链接 到 那里 。 不 要 轻易 
同 那些 搜索 引擎 认为 不 好 的 网 站 建立 链接 。 

C5) 利用 电子 邮件 推广 

邮件 推广 是 向 目标 群 客户 推广 和 建立 良好 客户 关系 的 低 成 本 、 高 效能 的 直销 方法 。 
而 全 球 买 家 名 录 , 在 国际 贸易 方面 ,提供 目标 客 源 ,能 帮助 客户 有 效 拓 展 出 口 市 场 , 实 是 一 
深 具 价值 之 国际 贸易 营销 工具 ! 

(6) 利用 网 络 广告 推广 

网 络 广告 是 常用 的 网 络 营 销 策略 之 一 ,在 网 络 品牌 、 产 品 促销 、 网 站 推广 等 方面 均 有 
明显 作用 。 网 络 广告 的 常见 形式 包括 : BANNER 广告 .关键 词 广告 ,分 类 广告 .赞助 式 广 
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告 .E-mail 广告 等 。BANNER 广告 所 依托 的 媒体 是 网 页 ,关键 词 广告 属于 搜索 引擎 营销 
的 一 种 形式 ,E-mail 广告 则 是 许可 E-mail 营销 的 一 种 ,可 见 网 络 广 告 本 身 并 不 能 独立 存 
在 ,需要 与 各 种 网 络 工具 相 结合 才能 实现 信息 传递 的 功能 ,因此 也 可 以 认为 ,网 络 广告 存 
在 于 各 种 网 络 营销 工具 中 ,只 是 具体 的 表现 形式 不 同 。 将 网 络 广告 在 用 户 网 站 上 推广 , 具 
有 可 选择 网 络 媒体 范围 广 、 形 式 多 样 、 适 用 性 强 、 投 放 及 时 等 优点 ,适合 于 网 站 发 布 初期 及 
运营 期 的 任何 阶段 。 

CT) 整合 联机 和 非 联 机 策略 

整合 联机 和 非 联 机 策略 是 有 效 的 推广 活动 ,需要 认识 网 上 和 传统 推广 手法 各 具 优 劣 点 ， 
要 互 为 补足 ,要 善于 建立 印刷 媒体 直销、 横 额 广告 和 其 他 联机 与 非 联 机 推广 策略 的 营销 组 
合 。 除 此 之 外 ,更 要 定时 检讨 营销 策略 和 营销 活动 的 成 果 , 做 适当 适时 调整 ,以 达 至 最 佳 效 果 。 

4. 网 站 推广 效果 评价 

网 站 推广 的 效果 监测 和 评价 ,目前 国内 并 没有 一 套 统一 的 标准 来 进行 衡量 。 所 以 ,只 
能 去 泛泛 地 交流 一 下 目前 已 经 采用 的 评价 方法 。 

(1) 企业 网 站 推广 的 效果 

企业 网 站 推广 的 效果 有 多 种 表现 ,例如 : @ 网 站 访问 量 增加 ; 四 网 络 品 牌 的 提升 ; 
图 在 线 用 户 注册 数量 增加 ; @ 促 进 线 下 销售 的 增长 ; @ 直 接 产生 销售 。 

但 是 ,企业 网 站 推广 的 终极 目标 是 为 了 获得 更 多 的 潜在 用 户 , 直 到 增加 企业 收益 的 最 
终 目的 。 

(2) 常用 的 企业 网 站 推广 评测 指标 

目前 常用 的 企业 网 上 推广 评测 指标 有 以 下 几 个。 

Q@ 网 站 流量 的 指标 分 析 和 评价 。 一 般 采 用 免费 或 收费 的 网 站 流量 监测 系统 ,比如 免 
费 的 目前 有 51la、ltong.itsun 等 都 做 得 不 错 。 但 是 ,如 何 去 根 据 后 台 监 测 数 据 进行 挖 气 ， 
这 并 不 是 每 一 个 非 专业 人 员 所 能 做 得 到 或 说 做 得 更 好 。 通 过 网 站 流量 监测 系统 ,从 浅 层 
次 可 以 获得 访问 企业 网 站 的 来 访 人 群 的 地 域 分 布 .访问 时 间 段 访问 来 源 以 及 访问 入 口 ， 
从 这 几 个 简单 的 指标 上 就 可 以 作出 一 些 报告 出 来 ,更 多 的 数据 可 以 参考 各 网 站 监测 系统 
的 后 台数 据 报告 。 

O 网 站 推广 对 企业 网 络 品牌 建立 或 拓展 的 评价 分 析 。 这 部 分 综合 数据 和 动态 性 太 
大 ,企业 很 难 监测 得 到 。 一 般 是 通过 潜在 客户 的 反馈 信息 、 本 企业 渠道 和 竞争 对 手 的 反应 
等 方面 来 做 出 评价 。 

@ 企业 销售 促进 或 直接 销售 形成 。 这 或 许 是 目前 非常 多 的 中 小 企业 最 在 乎 的 一 个 评 
价 指标 ,可 以 通过 网 络 反 馈 、 企 业 线 下 电话 反馈 的 记录 企业 业务 人 员 和 潜在 客户 的 沟通 等 
方面 去 监测 网 站 推广 或 者 说 企业 网 络 推广 所 带 来 的 潜在 客户 以 及 对 线 下 销售 的 促进 ,或 直 
接 在 网 上 有 订单 形成 。 目 前 众多 企业 网 站 一 般 将 目标 定位 在 促进 企业 销售 ,包括 网 下 和 网 上 。 

5. 调查 网 站 的 推广 措施 与 推广 费用 

亿 度 空间 网 络 有 限 公 司 于 2006 年 成 立 于 怀化 ,主要 从 事 网 络 工程 建设 .网 络 平台 整 
合营 销 、 网 站 建设 维护 .行业 信息 门户 、 软 硬件 集成 服务 与 软件 研发 销售 。 其 前 身 为 2004 年 
成 立 的 广州 下 度 空间 网 络 工 作 室 和 怀化 正 度 空间 网 络 工作 室 。 

他 们 已 经 拥有 一 支 技术 精湛 、 经 验 丰 富 的 团队 。 公 司 员工 全 部 具有 大 专 以 上 学 历 , 多 
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人 具有 双 学 历 。 他 们 是 一 支 平 均 年 龄 只 有 23 岁 左右 ,但 都 具备 高 超 的 专业 技能 和 丰富 的 
社会 实践 经 验 的 团队 。 亲 情 、 团 结 、 严 谨 的 公司 文化 和 规范 的 管理 ,凝聚 着 大 量 的 优秀 人 
才 。 亿 度 空间 网 络 有 限 公司 拥有 由 优秀 的 职业 经 理 人 组 成 的 管理 团队 和 资深 IT 专家 组 
成 的 技术 团队 。 他 们 在 市 场 调查 与 分 析 、 产 品 开发 推广 与 维护 、 售 后 服务 与 长 期 合作 管理 
方面 默契 合作 ,赢得 了 客户 广泛 的 信任 和 支持 。 

百度 搜索 引擎 竞价 排名 服务 可 将 公司 网 站 排 在 百度 搜索 结果 前 列 ,同时 出 现在 各 大 搜 
索引 擎 的 搜索 结果 中 ; 中 国 主要 门户 网 站 的 搜索 引擎 均 由 百度 提供 。 各 类 网 站 推广 费用 如 下 。 

(D Yahoo 全 球 推广 (普通 推广 型 ) 

费用 : 690 元 /月 。 三 个 月 起 做 ,半年 打 九 折 , 一 年 打 八 折 。 

(2) Yahoo 全 球 推广 (词组 推广 型 ) 

费用 : 990 元/ 月。 三 个 月 起 做 ,半年 打 九 折 , 一 年 打 八 折 。 

(3) Overture 推广 (普通 推广 型 ) 

费用 : 690 元 /月 。 三 个 月 起 做 ,半年 打 九 折 , 一 年 打 八 折 。 

(4) Overture 推广 (词组 推广 型 ) 

费用 : 990 元 /月 。 三 个 月 起 做 ,半年 打 九 折 , 一 年 打 八 折 。 

(5) 百度 竞价 排名 

费用 : 百度 竞价 排名 推广 费 最 低 价 格 400 元 。 每 次 点 击 的 收费 起 价 为 0. 30 元 ,每 年 
交纳 服务 费 600 元 。 

(6) 3721 推广 

实名 推广 ,费用 : 500—800 元 /年 。 

关键 词 服 务 ,费用 : 500 元 /年 。 

固定 排名 ,费用 : 2000 一 48000 元 /年 。 

网 络 王牌 (行业 实名 ), 费 用: 5000~120000 元 /年 。 

(7) 新 浪 推广 

新 浪 竞价 排名 ,费用 ; 预付 款 不 低 于 1500 元 ,每 次 点 击 0.30 元 起 。 

新 浪 固定 排名 ,费用 : 600—9000 元 /月 。 

新 浪 普通 登录 ,费用 : 500 元 /年 。 

(8) 网 易 推广 

网 易 横幅 广告 ,费用 : 1500 元 /年 。 
网 易 搜 索 大 屏幕 ,费用 ， 
特殊 词 价格 为 10000 元 /一 年 .16000 元 /二 年 .20000 元 /三 年 ; 
普通 词 价格 为 5000 元 /一 年 .8000 元 /二 年 .10000 元 /三 年 。 
网 易 固定 排名 ,费用 : 
标准 型 为 指定 1 个 关键 词 ,显示 在 搜索 结果 的 第 1 页 。1500 元/ 年。 
超 值 型 为 指定 3 个 关键 词 , 显 示 在 搜索 结果 的 第 1 页 。2500 元 /年 。 
扩展 型 为 指定 6 个 关键 词 , 显 示 在 搜索 结果 的 第 1 页 。4500 元 /年 。 
网 易 普 通 登录 ,费用 : 500 元 /年 。 
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【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 了 解 网 站 推广 的 整个 过 程 ,熟悉 网 站 推广 的 方法 ,掌握 网 
站 推广 的 技巧 。 

现在 , 越 来 越 多 的 企业 认识 到 网 络 推广 的 重要 性 ,也 愿意 投入 巨 资 进行 网 络 推 广 。 但 
是 ,对 企业 的 调查 显示 ,大 多 数 企 业 对 网 络 推广 的 效果 不 是 很 满意 。 这 并 不 是 网 络 推 广 的 
过 错 ,而 是 企业 没有 正确 地 进行 网 络 推 广 . 花 了 大 把 不 该 花 的 冤枉 钱 。 在 做 网 络 推广 中 所 
花 的 冤枉 钱 远 远大 于 该 花 的 钱 。 只 要 看 了 他 们 是 怎样 在 网 络 做 推广 的 ,就 明白 了 ,这 样 的 
网 络 推广 是 不 可 能 有 好 的 推广 效果 的 。 

其 实 , 要 正确 地 进行 网 络 推广 并 不 难 ,只 要 严格 遵循 以 下 5 点 ,网 络 推广 会 有 好 的 效 
果 的 。 

(1) 在 尽量 多 的 搜索 引擎 上 做 推广 

很 多 客户 并 不 会 只 在 某 一 个 搜索 引擎 上 搜索 企业 的 产品 和 服务 。 而 且 , 多 数 客户 的 
采购 是 要 多 级 审批 的 。 研 究 结果 表明 : 搜索 引擎 的 市 场 占有 率 的 增加 是 算术 级 数 的 增 
加 。 而 企业 在 搜索 引擎 上 所 做 的 推广 的 影响 率 是 几何 级 数 的 增加 。 所 以 ,必须 在 尽量 多 
的 搜索 引擎 上 做 推广 才能 有 好 的 效果 。 

(2) 企业 的 信息 必须 排 在 检索 结果 的 第 一 页 

研究 结果 显示 ,超过 80% 的 因特网 用 户 通过 搜索 引擎 来 寻找 并 购买 产品 和 服务 ; 
90% 的 潜在 客户 只 查看 搜索 引擎 结果 页 面 的 第 一 页 。 如 果 企 业 的 产品 和 服务 不 能 出 现在 
搜索 引擎 的 第 一 页 , 它 失去 的 就 是 一 个 正在 迅速 增长 的 市 场 。 

(3) 企业 的 信息 必须 出 现在 检索 结果 的 第 一 页 的 当中 的 突出 位 置 

很 多 企业 喜欢 在 Google, Yahoo, msn, 百度 的 右 侧 做 推广 。 但 是 ,大 多 数 上 网 搜索 信 
息 的 人 不 会 很 耐心 地 点 击 出 现在 检索 结果 的 第 一 页 上 的 每 一 个 链接 ,只 会 看 出 现在 当中 
的 突出 位 置 的 内 容 。 

(4) 选择 合适 的 关键 词 

如 何 挑选 关键 词 是 网 络 推广 中 最 重要 的 步骤 之 一 .同时 也 是 多 数 人 容易 忽视 的 问题 。 
搜索 引擎 绝对 是 重要 的 访问 来 源 渠道 ,但 要 充分 利用 它们 的 优势 ,必须 花 一 些 工夫 。 在 进 
行 网 络 推广 前 ,应 该 花 些 时 间 琢 磨 到 底 哪些 是 需要 的 目标 关键 词 或 关键 词组 。 

要 充分 考虑 到 客户 习惯 使 用 的 目标 关键 词 或 关键 词组 。 对 于 生产 型 企业 ,流通 类 企业 
和 服务 类 企业 来 说 。 他 们 在 搜索 中 所 习惯 使 用 的 目标 关键 词 或 关键 词组 是 有 很 大 区 别 的 。 

(5) 在 实施 网 络 推广 前 ,做 一 次 网 络 推广 的 投资 价值 分 析 

网 络 推广 的 目标 定好 以 后 , 接 下 来 的 最 重要 的 一 件 事 是 如 何 进行 网 络 推广 的 具体 实 
施 。 在 达到 同一 个 网 络 推广 的 目标 的 前 提 下 ,好 的 实施 手段 和 差 的 实施 手段 其 价格 要 相 
差 十 几 倍 到 几 十 倍 。 在 实施 网 络 推 广 前 ,做 一 次 网 络 推 广 的 投资 价值 分 析 , 对 企业 来 说 是 
非常 重要 的 。 
【思考 题 】 

1. 实 训 中 你 使 用 了 哪些 方法 进行 网 站 推广 ? 为 什么 ? 

2. 你 认为 在 实 训 中 最 令 你 满意 的 是 哪 种 推广 的 方法 ? 为 什么 ? 
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3. 你 认为 在 实 训 中 最 令 你 不 满意 的 是 哪 种 推广 的 方法 ? 为 什么 ? 
4. 你 在 本 次 实 训 中 学 到 了 哪些 知识 ? 
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【 实 训 目的 要 求 】 
1. 了 解 电子 商务 网 站 建设 策划 总 体 流程 。 
2. 掌握 电子 商务 网 站 策划 内 容 。 
3. 掌握 电子 商务 网 站 策划 的 方法 和 技巧 。 
4. 学 会 一 般 电 子 商 务 网 站 策划 的 方法 。 


【 实 训 内 容 及 操作 步骤 】 
1. 实 训 步骤 
按 电子 商务 网 站 建设 整体 策划 流程 如 图 3. 11 所 示 的 步骤 进行 。 
网 站 建设 立项 i 
i 网 站 页 面 策划 
了 解 网 站 需求 i | ! 
! ! Cl 策划 栏目 策划 
需求 调查 市 场 调研 H | 调整 需求 | 
! 创意 策划 布局 策划 
1 | 
— e 需求 分 析 样式 风格 目录 结构 
I 
网 站 功能 描述 书 色彩 策划 分 支 图 
Y 
[4 网 站 技术 手段 策划 分 析 
1 i 
p Lam l mE 网 站 页 面 策划 方案 
Ee 1 
操作 系统 | | 接 入 方式 Umm RET n 
Y 一 ! 4 了 
EN | 前 台 页 面 设计 | [ 后 台 程 序 设计 ] 4 
—l 技术 分 析 
i LPs 
" " 
网 站 技术 解决 方案 il Mast 
i | 
| : 网 站 推广 
! i 
网 站 的 评价 与 改进 


图 3.11 网 站 建设 整体 策划 流程 图 
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(1) 网 站 建设 立项 ,也 就 是 市 场 定位 策划 。 做 一 个 网 站 最 重要 的 就 是 企业 如 何 盈 利 ， 
企业 的 网 站 是 给 谁 看 ,最 终 用 户 是 什么 ? 

(2) 了 解 网 站 需求 ,经 过 需求 调查 .市场 调研 .需求 分 析 、 调 整 需求 。 

(3) 写 出 网 站 功能 描述 书 。 

(4) 网 站 技术 手段 , 即 选 择 网 站 运行 的 环境 ,如 服务 器 、 接 入 方式 数据库、 编程 语言 、 
设计 软件 等 。 

(5) 针对 以 上 的 选择 进行 数据 分 析 和 技术 分 析 。 

(6) 制定 网 站 技术 解决 方案 。 

(7) 网 站 页 面 策划 ,包括 CI 策划 、 创 意 策 划 、 样 式 风 格 、 色 彩 策划 、 栏 目 策划 ,布局 策 
划 、 目 录 结 构 、 分 支 图 等 。 

(8) 进行 策划 分 析 。 

(9) 写 出 网 站 页 面 策划 方案 。 

(10) 网 站 设计 制作 ,包括 前 台 页 面 设计 、 后 台 程序 设计 、 网 站 测试 。 

(11) 修改 并 提出 改进 意见 。 

(12) 网 站 发 布 和 网 站 推广 的 方案 。 

(13) 网 站 评价 与 改进 。 

2. 网 站 推广 样 例 

下 面 是 某 公 司 网 站 建设 策划 书目 录 ,请 参考 。 
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下 面 是 某 大 学 生 网 站 建设 策划 书目 录 ,请 参考 。 
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【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 了 解 网 站 建设 策划 的 整个 过 程 ,熟悉 网 站 建设 策划 的 内 
容 , 掌 握 网 站 建设 策划 的 方法 和 技巧 。 

一 个 企业 电子 商务 网 站 的 成 功 与 和 否 与 建站 前 的 网 站 策划 有 着 极为 重要 的 关系 。 在 建 
立 网 站 前 应 明确 建设 网 站 的 目的 .确定 网 站 的 功能 ,确定 网 站 规模 、 投 入 费用 ,进行 必要 的 
市 场 分 析 等 。 只 有 详细 地 进行 策划 ,才能 避免 在 网 站 建设 中 出 现 的 很 多 问题 ,使 网 站 建设 
能 顺利 进行 。 

网 站 策划 书包 含 的 内 容 如 下 。 

(1) 建设 网 站 前 的 市 场 分 析 ( 企 业 自 行 处 理 ) 

CD 相关 行业 的 市 场 是 怎样 的 ,市场 有 什么 样 的 特点 ,是 否 能 够 在 互联 网 上 开展 公司 
业务 。 

© 市 场 主要 竞争 者 分 析 ,竞争 对 手 上 网 情况 及 其 网 站 策划 功能 作用 。 

@ 公司 自身 条 件 分 析 、 公 司 概况 市场 优 势 ,可 以 利用 网 站 提升 哪些 竞争 力 ,建设 网 
站 的 能 力 (费用 ,技术 、 人 力 等 )。 

(2) 建设 网 站 目的 及 功能 定位 (企业 自行 处 理 或 与 专业 公司 商议 ) 

C 为 什么 要 建立 网 站 ,是 为 了 树立 企业 形象 .宣传 产品 .进行 电子 商务 ,还 是 建立 行 
业 性 网 站 ? 是 企业 的 基本 需要 还 是 市 场 开拓 的 延伸 ? 

O 整合 公司 资源 ,确定 网 站 功能 。 根 据 公 司 的 需要 和 计划 ,确定 网 站 的 功能 类 型 : 
业 型 网 站 、 应 用 型 网 站 、 商 业 型 网 站 (行业 型 网 站 )、 电 子 商 务 型 网 站 ; 企业 网 站 又 分 为 
业 形 象 型 .产品 宣传 型 \ 网 上 营销 型 .客户 服务 型 .电子 商务 型 等 。 

@ 根据 网 站 功能 ,确定 网 站 应 达到 的 目的 作用 。 

CD. 企业 内 部 网 (Intranet) 的 建设 情况 和 网 站 的 可 扩展 性 。 

(3) 网 站 技术 解决 方案 (与 专业 公司 商议 ) 

根据 网 站 的 功能 确定 网 站 技术 解决 方案 。 

CD 采用 自 建 服务 器 ,还 是 租用 虚拟 主机 。 
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O 选择 操作 系统 ,用 Window 2000/NT/Server 2003 还 是 UNIX 或 Linux。 分 析 投 
入 成 本 功能、 开发 .稳定 性 和 安全 性 等 。 

© 采用 模板 自助 建站 、 建 站 套餐 还 是 个 性 化 开发 。 

CD 网 站 安全 性 措施 , 防 黑 、 防 病毒 方案 (如 果 采 用 虚拟 主机 , 则 该 项 由 专业 公司 
代劳 ) 。 

C) 选择 什么 样 的 动态 程序 及 相应 数据 库 , 如 程序 用 ASP、JSP 还 是 PHP; 数据 库 用 
SQL Server, Access 还 是 Oracle 等 。 

(4) 网 站 内 容 及 实现 方式 (与 专业 公司 商议 ) 

CD 根据 网 站 的 目的 确定 网 站 的 结构 导航 。 一 般 企 业 型 网 站 应 包括 : 公司 简介 ,企业 
动态 、 产 品 介绍 、 客 户 服务 ,联系 方式 ,在线 留 言 等 基本 内 容 。 更 多 内 容 如 常见 问题 ,营销 
网 络 ,招贤 纳 士 \ 在 线 论 坛 、 英 文 版 等 。 

© 根据 网 站 的 目的 及 内 容 确 定 网 站 整合 功能 。 如 FLASH 引导 页 ,会 员 系 统 、 网 上 
购物 系统 、 在 线 支 付 .问卷 调查 系统 、 信 息 搜索 查询 系统 、 流 量 统 计 系统 等 。 

C) 确定 网 站 的 结构 导航 中 的 每 个 频道 的 子 栏目 。 如 公司 简介 中 可 以 包括 总 裁 致词 、 
发 展 历程 .企业 文化 .核心 优势 .生产 基地 、 科 技 研发 .合作 伙伴 .主要 客户 、 客 户 评价 等 ; 
客户 服务 可 以 包括 服务 热线 .服务 宗旨 、 服 务 项 目 等 。 

@ 确定 网 站 内 容 的 实现 方式 。 如 产品 中 心 使 用 动态 程序 数据 库 还 是 静态 页 面 ; 营 
销 网 络 是 采用 列表 方式 还 是 地 图 展示 。 

(5) 网 页 设计 

CD 网 页 设计 美术 设计 要 求 ,网 页 美术 设计 一 般 要 与 企业 整体 形象 一 致 ,要 符合 企业 
CI 规范 。 要 注意 网 页 色彩 .图片 的 应 用 及 版 面 策划 ,保持 网 页 的 整体 一 致 性 。 

@ 在 新 技术 的 采用 上 要 考虑 主要 目标 访问 群体 的 分 布地 域 . 年 龄 阶层 、 网 络 速度 、 阅 
读 习 惯 等 。 

© 制订 网 页 改版 计划 ,如 半年 到 一 年 时 间 进 行 较 大 规模 改版 等 。 

(6) 费用 预算 

CD 企业 建站 费用 的 初步 预算 。 一 般 根据 企业 的 规模 、 建 站 的 目的 .上 级 的 批准 而 定 。 

© 专业 建站 公司 提供 详细 的 功能 描述 及 报价 ,企业 进行 性 价 比 研究 。 

© 网 站 建设 的 价格 从 几 千 元 到 十 几 万 元 不 等 。 

(7) 网 站 维护 

CD 服务 器 及 相关 软 硬 件 的 维护 ,对 可 能 出 现 的 问题 进行 评估 ,制定 响应 时 间 。 

@ 数据 库 维护 ,有 效 地 利用 数据 是 网 站 维护 的 重要 内 容 , 因 此 数据 库 的 维护 要 受到 
重视 。 

O 内 容 的 更 新 .调整 等 。 

CD 制定 相关 网 站 维护 的 规定 ,将 网 站 维护 制度 化 .规范 化 。 

说 明 : 动态 信息 的 维护 通常 由 企业 安排 相应 人 员 进 行 在 线 的 更 新 管理 ; 静态 信息 
( 即 没 用 动态 程序 数据 库 支持 ) 可 由 专业 公司 进行 维护 。 

(8) 网 站 测试 

网 站 发 布 前 要 进行 细致 周密 的 测试 ,以 保证 正常 浏览 和 使 用 。 主 要 测试 内 容 如 下 : 
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O 文字、 图 片 是 否 有 错误 ; 

© 程序 及 数据 库 测 试 ; 

O 链接 是 否 有 错误 。 

(9) 网 站 发 布 与 推广 

以 上 为 网 站 策划 中 的 主要 内 容 , 根 据 不 同 的 需求 和 建站 目的 ,内 容 也 会 在 增加 或 减 
少 。 在 建设 网 站 之 初 一 定 要 进行 细致 的 策划 ,才能 达到 预期 建站 目的 。 
【思考 题 】 

1. 实 训 中 你 使 用 哪些 理论 知识 ? 

2. 你 认为 在 实 训 中 最 令 你 满意 的 是 什么 ? 为 什么 ? 

3. 你 认为 在 实 训 中 最 令 你 不 满意 的 是 什么 ? 为 什么 ? 

4. 在 本 次 实 训 中 你 学 到 了 哪些 技术 和 方法 ? 
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【 实 训 前 的 准备 】 

1. 检查 计算 机 是 否 连 接 了 Internet。 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 

3. 在 除 C 盘 外 的 其 他 盘 上 (如 DD AE 盘 或 其 他 逻辑 盘 ) 创 建 一 个 新 文件 夹 ,名 称 为 
student, 

4. 检查 系统 中 是 否 安装 有 Word 2000, Dreamweaver , FrontPage EIR 5 4X f/F 
【 实 训 目 的 要 求 】 

1. 了 解 网 站 域名 注册 整个 过 程 。 

2. 掌握 网 站 域名 注册 步骤 。 

3. 掌握 网 站 域名 注册 的 技巧 。 

4. 学 会 一 般 网 站 域名 注册 的 方法 。 
【 实 训 内 容 及 操作 步骤 】 

1l. 实 训 步 又 

COD. 进入 因特网 。 

(2) 搜索 域名 注册 网 站 。 

(3) 选择 域名 注册 服务 商 。 

CL) 与 营销 员 接 洽 , 如 果 想 要 注册 的 域名 还 没有 被 注册 ,可 立即 与 营销 员 接 洽 尽 快 申 
请 注册 。 如 果 想 申请 的 域名 已 经 被 别人 注册 ,页 面 会 给 出 提示 并 可 以 再 次 查询 另 一 个 
域名 。 

(5) 填写 相关 用 户 资料 。 

(6) 支付 域名 注册 服务 费 ( 这 一 步 可 以 不 做 )。 

(7) 提交 注册 表单 。 

(8) 运行 新 注册 的 域名 。 
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2. 域名 注册 注意 事项 

(1) 在 域名 注册 时 ,首先 是 要 选择 域名 注册 服务 商 , 可 以 是 顶级 域名 注册 商 或 者 其 代 
理 服务 商 。 到 目前 为 止 ,经 过 ICANN 认证 的 国内 顶级 国际 域名 注册 商 共 8 家 ,每 家 注册 
商都 有 不 同 数 量 的 代理 商 ,各 家 公司 提供 的 服务 内 容 大 体 类 似 , 但 服务 水 平和 服务 方式 会 
有 一 定 的 差异 。 通 过 顶级 域名 注册 商 直 接 注册 域名 ,通常 可 以 完全 自助 完成 .自行 管理 ， 
整个 过 程 完全 电子 商务 化 ,如 果 对 互联 网 应 用 比较 熟悉 ,这 种 方式 比较 方便 ,如 果 初 次 接 
触 这 个 领域 ,与 本 地 的 代理 服务 商 联系 可 以 得 到 更 多 帮助 。 

(2) 无 论 是 选择 自行 注册 还 是 请 求 代 理 商 代理 注册 ,都 应 注意 尽量 选择 有 实力 的 注 
册 商 或 代理 商 ,以 免 因 一 些 注册 商 /代理 商业 务 转移 或 者 关闭 而 造成 不 必要 的 麻烦 。 

(3) 国内 域名 的 注册 要 通过 CNNIC 授权 的 国内 域名 注册 商 来 进行 ,一 般 的 域名 注册 
商 在 经 营 国际 域名 的 同时 也 都 经 营 国内 域名 的 注册 ,因此 在 选择 国内 域名 注册 商 和 国际 
域名 注册 商 时 ,通常 没有 必要 分 开 进 行 。 如 果 对 域名 注册 商 的 身份 有 疑问 ,可 以 到 
CNNIC 网 站 上 公布 的 域名 注册 名 录 上 去 核对 。 

(4) 大 部 分 Web 浏览 器 支持 超过 26 个 字符 的 . com. net 和 . org 域名 ,但 个 别 Web 
浏览 器 ,E-mail 程序 或 网 上 的 应 用 程序 可 能 不 支持 超过 26 个 字符 的 域名 。 

(5) 国际 域名 可 使 用 26 个 英文 字母 ,10 个 阿拉 伯 数 字 、 下 划 线 以 及 连 字符 ("-")。 

(6) 连 字符 不 能 作为 开始 符 和 结束 符 。 

CD 国际 域名 不 能 超过 67 个 字符 (包括 . com、. net 和 . org). 

(8) 国内 域名 不 能 超过 26 个 字符 (包括 . com. cn,. net. cn、. org. cn 和 . gov. cn). 

(9) 域名 大 小 写 无 关 , 域 名 不 能 包含 空格 。 

(10) 目前 仅 . com,. net、. org. cc,. 中国、 网 络 . 公司 域名 支持 中 文 域名 ,中 文 域名 
至 少 要 有 两 个 汉字 ,最 多 15 个 汉字 ,中 文 域名 可 以 包含 英文 字符 和 数字 ,其 他 域名 不 宜 用 
中 文 (目前 仅 少 部 分 Web 浏览 器 支持 中 文 域名 ,如 Weibo Web Browsen. 

(OD 中 国 (或 . cn) 域 名 至 少 要 包含 1 个 汉字 ; 英文 . cn 域名 至 少 要 包含 3 个 字符 。 

(12) . ac 域名 至 少 3 个 字符 ,最 多 23 个 字符 。 

(13) .io 域名 至 少 2 个 字符 ,最 多 23 个 字符 。 

(14) . ws 域名 至 少 4 个 字符 ,最 多 59 个 字符 。 

(15) 其 他 域名 至 少 3 个 字符 。 

(16) WebID 至 少 4 个 字符 ,最 多 30 个 字符 ,或 至 少 2 个 汉字 ,最 多 15 个 汉字 。 
【小 结 ] 

通过 以 上 的 实 训 , 学 生 可 以 了 解 域名 注册 的 整个 过 程 , 熟 悉 域名 注册 的 内 容 , 掌 握 域 
名 注册 的 方法 和 技巧 。 

域名 的 注册 遵循 先 申 请 先 注册 原则 ,管理 机 构 对 申请 人 提出 的 域名 是 否 违 反 了 第 三 
方 的 权利 不 进行 任何 实质 审查 。 同 时 ,每 一 个 域名 的 注册 都 是 独一无二 ,不 可 重复 的 。 因 
此 ,在 网 络 上 ,域名 是 一 种 相对 有 限 的 资源 , 它 的 价值 将 随 着 注册 企业 的 增多 而 逐步 为 人 
们 所 重视 。 

既然 域名 是 一 种 有 价值 的 资源 ,那么 , 它 是 否 能 够 成 为 知识 产权 保护 的 客体 呢 ? 人 们 
认为 ,在 新 的 经 济 环境 下 ,域名 所 具备 的 商业 意义 已 远 远 大 于 其 技术 意义 ,而 成 为 企业 在 
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新 的 科学 技术 条 件 下 参与 国际 市 场 竞争 的 重要 手段 , 它 不 但 代表 了 企业 在 网 络 上 的 独 有 
的 位 置 ,也 是 企业 的 产品 、 服 务 范围 .形象 商 誉 等 的 综合 体现 ,是 企业 无 形 资产 的 一 部 分 。 
同时 ,域名 也 是 一 种 智力 成 果 ., 它 是 有 文字 含义 的 商业 性 标记 ,和 商标 、 商 号 类 似 ,体现 了 
相当 的 创造 性 。 

在 域名 的 构思 选择 过 程 中 ,需要 一 定 的 创造 性 劳动 ,使 得 代表 自己 公司 的 域名 简洁 并 
具备 吸引 力 ,以便 使 公众 熟知 并 对 其 访问 ,从 而 达到 扩大 企业 知名 度 、 促 进 经 营 发 展 的 目 
的 。 能 够 说 ,域名 不 是 简单 的 标识 性 符号 ,而 是 企业 商 誉 的 凝结 和 知名 度 的 表彰 ,域名 的 
使 用 对 企业 来 说 具备 丰富 的 内 涵 , 远 非 简 单 的 “标识 ”二 字 能 够 穷尽 。 因 此 ,现在 不 论 学 术 
界 还 是 实际 部 门 ,大 都 倾向 于 将 域名 视 为 企业 知识 产权 客体 的 一 种 。 而 且 , 从 世界 范围 来 
看 ,尽管 各 国立 法 尚未 把 域名 作为 专 有 权 加 以 保护 ,但 国际 域名 协调 制度 是 通过 世界 知识 
产权 组 织 来 定制 ,这 是 以 说 明 人 们 已 把 域名 看 作 知 识 产 权 的 一 部 分 。 

【思考 题 】 

1. 实 训 中 你 使 用 了 哪些 理论 知识 ? 

2. 你 认为 在 本 次 实 训 中 最 令 你 满意 的 是 什么 为什么? 

3. 你 认为 在 本 次 实 训 中 最 令 你 不 满意 的 是 什么 ? 为 什么 ? 

4. 你 认为 在 本 次 实 训 中 你 学 到 了 哪些 知识 ? 
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近年 来 , 随 着 Internet 的 迅猛 发 展 , 它 给 人 们 的 生活 带 来 了 深刻 的 影响 ,其 中 Web 网 
页 是 因特网 的 信息 组 织 的 基本 形式 。 在 学 习 用 FrontPage 和 Dreamweaver 设计 网 页 之 
后 ,还 需要 对 网 页 设计 中 的 核心 内 容 , 即 动态 网 站 的 创建 ,尤其 是 利用 数据 库 驱 动 网 站 的 
技术 有 一 个 深入 的 和 掌握。 只 有 这 样 ,才能 正确 理解 网 站 的 网 上 购物 .网 上 聊天 、 网 上 考试 、 
网 上 交友 等 功能 的 实现 原理 ,开发 出 实用 的 .动态 的 网 页 和 网 络 应 用 系统 。 

本 部 分 的 实 训 是 为 学 生 能 够 掌握 动态 网 站 的 创建 和 网 络 应 用 系统 的 开发 而 设计 的 。 
通过 本 部 分 的 实 训 ,要 求 : 

l. fff ASP 的 运行 环境 及 配置 ; 

2. 掌握 简单 的 JavaScript 的 基本 应 用 ; 

3. 掌握 简单 的 VBScript 的 基本 应 用 ; 

4. 掌握 ASP 中 内 建 对 象 和 常用 可 安装 组 件 的 基本 应 用 ; 

5. 学 会 用 ASP 创建 动态 网 站 和 开发 网 络 应 用 系统 。 
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【 实 训 前 的 准备 】 

1. 检查 计算 机 是 否 连 接 了 Internet。 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 

3. 检查 系统 中 是 否 装 有 IIS( 因 特 网 信息 服务 系统 ) 或 PWS( 个 人 万 维 网 服务 系统 )。 
【 实 训 目的 要 求 】 

l. 了 解 ASP 的 运行 环境 。 

2. 熟悉 IIS 中 的 相关 配置 。 

3. 掌握 如 何 运 行 ASP 文件。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 JIIS 5.0 的 安装 

1. 如 果 系 统 中 IIS 5.0 没有 安装 ,可 以 在 控制 面板 的 添加 /删除 程序 中 选择 添加 / 删 
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除 Windows 组 件 ,然后 再 选择 添加 IIS 组 件 ,如 图 4. 1 所 示 ( 本 操作 介绍 采用 的 是 
Windows 2000 的 环境 ) 。 


Windows 钥 件 向 导 


xi 
Yindows 组件 


可 以 添加 或 删除 Windows 2000 的 组 件 。 EJ 


-u E Eig UO HeT 


ao: 


M Internet Explorer 
W `f Internet 信息 服务 CIS) 


0.0MB ^| 


O KfOutlook Express 


0.0 MB 
口 f findows Media Player ELT 
描述 : IIS 《Web 和 FTP DJa Front?; 事务 处 理 、ASP、 数 
只 
Lii cur 9.1 MB 
TAERAA: 2242.5 mB HUT 


3) x | 


图 4.1 IIS5.0 的 安装 


2. 将 Windows 2000 安装 盘 放 入 光驱 中 ,然后 单 击 “ 下 一 步 ” 按 钮 。 这 个 步 又 可 能 会 
花 几 分 钟 的 时 间 。 单 击 “ 完 成 ”按钮 ,完成 TIS 的 安装 。 


3. 安装 完成 后 ,在 浏览 器 的 地 址 栏 中 输入 http://localhost 或 http://127.0.0.1 即 
可 进行 测试 。 


4. 如 果 出 现 “ 欢 迎 使 用 Windows 2000 Internet 服务 ”的 网 页 画面 ,如 图 4. 2 所 示 , 即 
表示 IIS 配置 成 功 。 


地 址 (D) [i£] http:/iocalhost/iocalstart.asp 了 | OFA me 
msi^-| |— J| PRR - PRISA | 人 选项 | 


» 


包 你 目前 设 有 为 用 户 设置 默认 文 芹 。 任 何 兰 试 连接 此 站 的 用 户 帮 会 收 到 “正在 创建 


欢迎 使 用 IIS 5.0 

FN d 2000 的 II p] 集成 的 管理 

Li (IS) Windows Web E ` 

PEARL ERTRR  SEERET Windovs 2000 服务 器 或 
Windows 2000 高 级 服务 器 ， 管 理 Yeb 
站 点 也 可 以 用 来 管理 Is。 


nO ERR TIS VE, «gl 
» 


A 


图 4.2 IIS 5.0 的 测试 网 页 
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【操作 2】 IIS 的 Web 站 点 基本 配置 


l. 选择 “开始 ”> EDT "PR TR" "Internet 服务 管理 器 ”命令 ,打开 如 图 4. 3 
所 示 的 Internet 信息 服务 管理 单元 。 


XE Internet 信息 服务 
|mfo EE |e >» mse 
jB|» muj 


图 4.3 Internet 信息 服务 管理 单元 


2. 设置 主 目录 所 在 的 位 置 。 主 目录 用 来 存放 站 点 文件 的 位 置 ,默认 是 %system%\ 
Inetpub\wwwroot。 单 击 “ 浏 览 ” 按 钮 可 以 选择 其 他 目录 作为 存放 站 点 文件 的 位 置 。 同 
时 ,根据 用 户 的 使 用 ,还 可 以 赋予 访问 者 一 些 权 限 ,例如 目录 浏览 , 写 入 等 。 如 图 4.4 所 示 
为 “ 主 目录 "属性 设置 对 话 框 。 


ET 
目录 安全 性 | mrk | BENNAE | 。 服务 器 扩展 
we 站 点 | Mie |  IswIGNEB XBR | xe 
连接 到 | 此 资源 时 ， 内 容 应 该 末 自 于 

C 下 秆 四 机 上 的 目录 D 
C 另 一 计算 机 上 的 共享 位 置 O) 
[ap m 


AREO: c: \inetpub\inrer oot d... | 


T 脚本 资源 访问 CD Iv Exi OD 

[eR Iv 索引 此 资源 区 ) 

T SA 

r ERARO 

应 用 程序 设置 

[MEE vcr mw | 
起 始点 GA Web 站 点 > 

ammo: — [mmt 可 [EA 
应 用 程序 保护 外: [中 EAD Ev | 


xm | umo s | 
图 4.4 “ 主 目录 ”属性 设置 对 话 框 
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3. 配置 Web 站 点 标识 。 这 里 可 以 指定 Web 站 点 的 IP 地 址 ,如 没有 特别 需要 , 则 选 
择 全 部 未 分 配 。 在 “IP 地址 "下拉 列 表 框 中 可 以 选择 自己 的 Web 服务 器 IP, 默 认 情 况 下 
应 该 选择 “全 部 未 分 配 ” 选 项 。TCP 端口 默认 为 80, 如 修改 了 端口 , 则 需要 用 *http://ip: 
端口 "这 种 格式 进行 浏览 ,如 图 4. 5 所 示 为 Web 站 点 属性 设置 。 


图 4.5 Web 站 点 属性 设置 


4. 设 定 默认 文档 。 每 个 网 站 都 会 有 默认 文档 ,默认 文档 就 是 访问 者 访问 站 点 时 首先 
要 访问 的 那个 文件 。 如 图 4.6 所 示 为 "文档 ”属性 设置 。 


图 4.6 “文档 "属性 设置 
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(1)“ 启 用 默认 文档 " 复 选 框 用 于 定义 该 站 点 的 首页 文件 名 ,访问 者 会 按照 默认 文档 
的 顺序 访问 该 站 点 。 若 要 在 浏览 器 请 求 指定 文档 名 的 任何 时 候 提供 一 默认 文档 ,请 选择 
“启用 默认 文档 复 选 框 。 默 认 文 档 可 以 是 目录 的 主页 或 包含 站 点 文档 目录 列表 的 索 
引 页 。 

(2) 若 需要 添加 一 个 新 的 默认 文档 , 单 击 * 添 加 按钮。 可 以 使 用 该 特性 指定 多 个 默 
认 文 档 。 按 出 现在 列表 中 的 名 称 顺序 提供 默认 文档 。 服 务 器 将 返回 所 找到 的 第 一 个 
文档 。 

(3) 若 需 要 更 改 搜索 顺序 ,选择 一 个 文档 并 单 击 箭头 按钮 。 

(4) 若 需 要 从 列表 中 删除 默认 文档 , 单 击 * 删 除 ”按钮 。 

5. 设 定 访问 权限 。 一 般 赋予 访问 者 有 匿名 访问 的 权限 ,也 可 以 自己 设置 访问 权限 。 
如 图 4.7 所 示 为 Web 站 点 访问 权限 设置 。 配 置 Web 服务 器 的 验证 和 匿名 访问 功能 ,请 
单 击 “ 编 辑 ? 按 钮 。 使 用 该 功能 配置 Web 服务 器 在 授权 访问 受 限制 内 容 之 前 先 确认 用 户 
的 身份 。 但 是 ,首先 必须 创建 有 效 的 Windows 用 户 账 户 ,然后 配置 这 些 账 户 的 Windows 
文件 系统 (NTFS) 目 录 和 文件 访问 权限 ,服务 器 才能 验证 用 户 的 身份 。 


Adxi 


web 站 点 | 性 能 — |  iswr GB |  XxBR | 文档 
目录 安全 性 | mrk | BENNAE | 服务 器 扩展 
太 芽 名 访问 和 验证 控制 


人 so. | 


MIE 地 址 及 域名 限制 


(E ~ 


| | 访问 此 资源 不 需要 用 户 名 /密码 。 
($* | 匿名 访问 使 用 的 帐号 : [| 


验证 访问 
AT H Up Manilii 
i s Ü 
- NIFS 访 


r 基本 验证 路 码 用 明文 送出 ) @) 
选择 默认 的 域 : 


T Yindoys ARE E 
IV 集成 Windows 验证 四 evs | 


取消 | sop | 


确定 取消 | Ju. 


图 4.7 Web 站 点 访问 权限 设置 


【操作 3】 IIS 站 点 的 目录 管理 
1. f£ Internet 信息 服务 管理 单元 中 ,选中 要 添加 虚拟 目录 的 Web 站 点 。 单 击 鼠 标 


右键 ,从 弹出 的 快捷 菜单 中 选择 “新 建 ”>“ 虚 拟 目 录 ” 命 令 , 启 动 新 建 虚拟 目录 向 导 , 如 
图 4.8 所 示 。 


E 
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Yë Internet 信息 服务 = 上 | 
上 meo sav |e >am | i$? [2 B | 


j&|»muj| 


由 i 
= 
aRU ”资源 管理 器 


图 4.8 新 建 虚 拟 目 录 向 导 


2. 单 击 * 下 一 步 ? 按 钮 ,在 出 现 的 “虚拟 目录 别名 ”对话 框 中 输入 要 创建 的 虚拟 目录 的 
别名 (如 输入 student) 。 
3. 单 击 * 下 一 步 ?按钮 ,在 出 现 的 “Web 站 点 内 容 目录 ?对话 框 中 输入 要 创建 的 虚拟 目 
录 对 应 的 物理 目录 路 径 。 如 图 4. 9 所 示 为 Web 站 点 内 容 目 录 设 置 界面 。 
T 


Teb MAASAR 
您 想到 发 布 到 Yeb 站 点 上 的 内 容 在 哪里 ? 


输入 包含 内 容 的 目录 路 径 。 
RFO): 


[D:\student AEA... | 


图 4.9 设置 Web 站 点 内 容 目 录 


4. 单 击 “ 下 一 步 ”按钮 ,在 出 现 的 “访问 权限 ”对 话 框 中 ,设置 所 创建 的 虚拟 目录 的 访 
问 权限 ,如 图 4. 10 所 示 。 
5. 单 击 “ 下 一 步 ”按钮 ,完成 虚拟 目录 的 创建 。 
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ği 


问 权 限 
悠 要 为 此 虚拟 目录 设置 什么 访问 权限 ? 


FiF TARER: 

Iv ERG 

Tv 运行 脚本 Po asp) (8) 

T 执行 例如 ISAPI 应 用 程序 或 CGI) (D) 
T Aw 

T ARO 

单 击 “ 下 一 步 ” 充 成 向 导 - 


< 上 一 步 @) 取消 


图 4.10 设置 访问 权限 


【操作 4】 ASP 简单 程序 运行 实 训 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> <TITLE> ASP jz (1 fe JF </TITLE> </HEAD> 
<BoDY> 

<P> REE: <% = now() $ ></p> 

«5 

Response. write" IIS 5.0 Ñe EERI x30 fes (d FH 1" 
LS 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\test. txt( 编 辑 修改 用 ) 。 

4. 将 文件 保存 为 D:\student\test. asp( 运 行 用 ) 。 

5. 将 该 文件 复制 到 C:\Inetpub\wwwroot 文件 夹 下 ,然后 在 地 址 栏 中 输入 http:// 
127. 0. 0. 1/test. asp。 运 行 test. asp 文件 后 得 到 的 结果 如 图 4. 11 所 示 。 


EE E] 
文件 (日 编辑) FEV BAA IAD WO) EJ 


DA Arr akez Gss (| ” 


WHOSE) http://127.0.0.1/test.asp | Pa | Norton Antivirus BH- 


现在 是 ，2005-5-23 14:52:31 a 
IIS5.0 配置 成 功 ， 欢 迎 您 使 用 ! 

Hu 

[3E EMEN inteme E 


图 4.11 ASP 简单 程序 运行 结果 


j^ 
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6. 建立 了 虚拟 路 径 后 ,也 可 以 把 文件 放 在 虚拟 路 径 的 文件 夹 下 ,然后 在 地 址 栏 中 输 
入 http://localhost/student/test. asp。 运 行 后 得 到 的 结果 如 图 4. 12 所 示 。 


F test.asp - Microsoft Internet Explorer Inl xi 
XO REO EEV REA IAW a »| 


eB 搜索 RER 2 
http:jllocalhost/student]test. asp PRA 链接 


msi" ~ -|| PLF -~ » 


现在 是 ，2005-5-23 14:48:33 
IIS 5.0 配置 成 功 ， 欢 迎 您 使 用 ! 


f] 
CEJ [ [Op E E 


图 4.12 ASP 简单 程序 运行 实 训 结果 


【小 结 】 

US 提供 了 一 套 完整 的 ,易于 使 用 的 Web 站 点 架设 方案 。 它 与 Windows NT/2000 
Server 紧密 地 结合 ,除了 用 于 架设 Web 站 点 的 HTTP 服务 器 ,还 集成 了 用 于 文件 传输 的 
FTP 服务 器 ,用 于 邮件 发 送 的 SMTP 服务 器 和 用 于 提供 新 闻 组 服务 的 NNTP 服务 器 。 

通过 以 上 的 实 训 ,学 生 可 以 了 解 TIS 的 基本 运行 环境 ,熟悉 IIS 中 的 Web 站 点 的 基本 
设置 以 及 TIS 中 虚拟 目录 的 创建 和 管理 ,为 以 后 的 实 训 运行 商定 基础 。 如 果 要 深入 去 了 
解 IIS 的 Web 站 点 架设 方案 ,还 必须 掌握 IIS 的 配置 的 其 他 知识 ,这 里 不 再 深入 去 介绍 。 
【思考 题 】 

1. IIS 中 如 何 创建 新 的 站 点 ? 

2. IIS 中 如 何 配置 FTP 服务 器 ? 具体 如 何 操作 的 ? 

3. TIS 中 如 何 实现 网 站 的 安全 控制 ? 

4. HS 中 如 何 配置 SMTP 服务 器 ? 具体 如 何 操作 的 ? 

5. IIS 中 如 何 创建 虚拟 目录 ? 具体 如 何 操作 的 ? 
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【 实 训 前 的 准备 】 
1. 检查 计算 机 是 否 连接 了 Internet。 
2. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 
3. ER C 盘 外 的 其 他 盘 ( 如 D dE 盘 或 其 他 逻辑 盘 ) 上 创建 一 个 新 文件 夹 ,名 称 为 


student, 


4. 检查 系统 中 是 否 安装 有 Word 2000,Dreamweaver,FrontPage .记事 本 等 软件 。 
【 实 训 目的 要 求 】 
1. 了 解 VBScript 的 运行 环境 。 
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2. 熟悉 VBScript 的 编辑 工具 。 

3. 熟悉 VBScript 在 HTML 中 的 应 用 。 

4. ff VBScript 的 数据 类 型 和 常用 函数 的 基本 应 用 。 

5. 熟悉 VBScript 的 过 程 .条 件 语句 、 循 环 语句 的 基本 应 用 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 这 是 我 的 第 一 个 ASP 程序 

1. 打开 记事 本 或 者 Dreamweaver 软件 。 

2. 输入 以 下 内 容 : 


<HTML> 

<% @ LANGUAGE = "VBScript" %> 
<TITLE> RHA — A ASP TRY </TITLE> 
<BODY> 

<% For i = 2 To7 %> 

<FONT size= <<% = i$ 
<BR> 

我 学 会 编程 啦 ! 

<BR> 

</FONT> 

<% Next %> 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\41. txt( 编 辑 修改 用 ) 。 
4. 将 文件 保存 为 D:\student\41. asp( 运 行 用 ) 。 
5. 运行 41. asp 文件 后 得 到 的 结果 如 图 4. 13 所 示 。 


尘 我 的 第 一 个 AsP 程 序 - Microsoft Internet Explorer 
文件 (E) RRO FEV KEWA IAW 帮助 (HH) |a 


Qse-QO- aD Teuer el ii 
地 址 (D) [E] htp:/ocahostlasp/41.asp v] EJ FA | 链接 ”| 国安 全 助手 > 
我 学 会 编程 啦 ! 

我 学 会 编程 啦 ! 

我 学 会 编程 啦 ! 

我 学 会 编程 啦 ! 


我 学 会 编程 啦 ! 
RU AER 


fs Fee Fre Fr Tat [IC ID 


图 4.13 第 一 个 ASP 程序 


【操作 2】 显示 二 p> 与 二 pre 盖 的 区 别 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


81^, 
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<HTML> 

<HEAD> 

<TITLE> lbs &lt;p&gt; 5j &lt;pre&gt; 的 区 别 
</TITLE> 

</HEAD> 

<BODY> 

<p> # 

春 眠 不 觉 晓 ,处 处 闻 啼 鸟 。 
夜来 风雨 声 , 花 落 知 多 少 。 
</p> 

<pre width=1 二 春晓 

春 眠 不 觉 晓 ,处 处 闻 啼 鸟 。 
夜来 风雨 声 , 花 落 知 多 少 。 
</pre> 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\42. txt( 编 辑 修改 用 ) 。 
4. 将 文件 保存 为 D:\student\42. asp( 运 行 用 ) 。 
运行 42. asp 文件 后 得 到 的 结果 如 图 4. 14 所 示 。 


Jb Sm <p> <pre> 3 - Microsoft Internet Explorer. 


文件 (E) ”编辑 (E) FEV KEA IAW WB) 


Qse- Or) A «| PSL vore el 


[E] http:l/localhost/asp/42.asp v] EJ 转 到 | 链接 ” 国安 全 助手 > 


春晓 春 眠 不 党 晓 ， 处 处 闻 哺 乌 。 夜 来 风雨 声 ， 花 落 知 多 少 。 


春晓 
FIERTA, DEDERE. 
夜来 风雨 声 ， 花 落 知 多 少 。 


图 4. 14 显示 二 p 二 与 一 pre 二 的 区 别 


【操作 3】 MsgBox 使 用 方法 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> <TITLE>MsgBox fË JH 7j i </TITLE> 
— SCRIPT LANGUAGE = "VBScript" > 
=!— 
Dim intResult 
intResult = MsgBox( "VBScript 是 很 有 用 的 ."gchr(13)&gchr(10)g" 你 很 想 学 好 VBScript 19?" 
4+32," 请 你 选择 : ") 
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if intResult = 6 then 
MsgBox(" 你 是 个 好 学 生 ,我 们 会 尽 全 力 的 !"&chr(13)&chr(10)&" 一 起 努力 吧 !") 
else 
MsgBox(" 你 好 残忍 ,你 就 这 样 放弃 了 我 1") 
end if 
— 
</SCRIPT> 
</HEAD> 
<BODY> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\43. txt. 

4. 将 文件 保存 为 D:\student\43. asp。 

5. 运行 43. asp 文件 后 得 到 的 结果 如 图 4. 15 所 示 。 

运行 该 程序 后 出 现 一 个 对 话 框 ,并 提示 “VBScript 是 很 有 用 的 ,你 很 想 学 好 VBScript 
吗 ?”。 若 选择 了 “是 ”, 则 弹出 “你 是 个 好 学 生 , 我 们 会 尽 全 力 的 ! 一 起 努力 吧 !”; 如 果 选 
择 了 "和 否 ”, 则 弹出 “你 好 残忍 ,你 就 这 样 放弃 了 我 !”。 


图 4.15 MsgBox 使 用 方法 


【操作 4】 VBScript 中 循环 应 用 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> <TITLE> Do (JR 3f £& KJ PEJT Z% f) </TITLE> 
<BODY> 


<p>R 3 到 100 之 间 的 素数 一 /p> 
</BODY> 
<SCRIPT LANGUAGE = "VBScript" > 
<i- 
Sub ShowMessage 
dim i,intSum, flag, result 
intSum = 0 
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result = 
i-3 
Do While i< = 100 
flag-1 
j=2 
Do While j< =i-1 
If imod j = 0 Then 
flag-0 
Exit Do 
End If 
j2j*1 
Loop 
If flag- 1 then 
result = result&i&";" 
End If 
i=i+1 
Loop 
MsgBox "3 到 100 之 间 的 素数 为 : " & result 
End Sub 
call ShowMessage ' 调 用 ShowMessage 过 程 
— 
</SCRIPT> — /HEAD-- 
</HTML> 


3. 将 文件 保存 为 D:\student\44. txts 
4. 将 文件 保存 为 D:\student\44. asp。 
5. 运行 44. asp 文件 后 得 到 的 结果 如 图 4. 16 所 示 。 
FT 


3 到 100 之 间 的 素数 为 : 3;5;7;11;13;17;19;23;29;31;37;41;43;47;53;59;61;67;71;73;79;83;89;97; 


[ux] 


图 4.16 循环 应 用 


【操作 5】 按 顺序 输入 信息 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> <TITLE> fi UF f A. fei B. </TITLE> 
<Script Language = "VBScript" > 

ar- 

sub Windows_onload 

Form1. xm. Focus 


end sub 
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sub xm onkeypress 
if Window. Event. KeyCode - 13 then 
Form1. nl. Focus 
end if 
end sub 
sub nl_onkeypress 
if Window. Event. KeyCode = 13 then 
Form1. dh. Focus 
end if 
end sub 
sub dh_onkeypress 
if Window. Event. KeyCode = 13 then 
Form1. zz. Focus 
end if 
end sub 
sub zz_onkeypress 
if Window. Event. KeyCode = 13 then 
Form1. Button1. Focus 
end if 
end sub 
sub buttonl OnClick 
Dim txtl,txt2.txt3,txt4.alltxt 
txtl = Forml.xm.value 
txt2 = Form1. nl. value 
txt3 = Form1. dh. value 
txt4 = Form1. zz. value 
alltxt = "姓名 为 :" + txtl + vbcrlf 
alltxt = alltxt + "年 龄 为 :" + txt2 + vbcrlf 
alltxt = alltxt + "电话 为 :" + txt3 + vbcrlf 
alltxt = alltxt + "住址 为 :" + txt4 
msgbox alltxt 
end sub 
sub buttonl onkeypress 
if Windows. Event. KeyCode = 13 then 
buttonl onclick 


end if 

end sub 

— 
</Script> </HEAD> 
<BODY bgcolor = White 一 
<form id= Form] > 
<center> 
一 p 二 姓名 : <input id= xm name = xm></p> <br> 
<p> 4E: <input id= nl name = nl ></p> <br> 
< 一 p 二 电话 : <input id= dh name = dh> </p> <br> 
一 p 二 住址 : <input id= zz name = zz </p> <br> 
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<input id = buttonl name = buttonl type = button value = "提交 "二 
</form></BODY> </HTML> 
<HTML> 
<HEAD> <TITLE> Function PRI Jj Fl </TITLE> </HEAD> 
<BODY> 
<% 
Function FC(n) 
FC=1 
fori-1ton 
-FC*i 
next 
end Function 
response. write"1 * 2* 3 * + * 10 - "& FC(10) 
5 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\45. txt( 编 辑 修改 用 ) 。 
4. 将 文件 保存 为 D:\student\45. asp( 运 行 用 )。 
运行 45. asp 文件 后 得 到 的 结果 如 图 4. 17 所 示 。 


J REFA A - Microsoft Internet Explorer 
XO SEO SEV 收藏 (和 ) IAV 帮助 


Qa- O- h AA prr erer 可 
地 址 (D) [Æ] htp:Wocahostlasp145.asp v] EJ 转 到 | 链接 ”| Qe ” 


ta 是 | 
年 龄 : [06 


姓名 为 : 陈 孟 建 


电话 :， [83899123 a 


住址 为 :杭州 市 六 一 路 176 号 


图 4.17 按 顺 序 输 入 信息 应 用 


【操作 6】 求 两 数 之 差 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 


<HEAD> <TITLE> Sub y: f& f£ f 216 </TITLE> 
<BODY> 


求 两 数 之 差 
</BODY> 
SCRIPT LANGUAGE = "VBScript" > 
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dim x,y 
x= CDbl(InputBox(" 请 输入 x 的 值 ")) 
y = CDbl(InputBox(" 请 输入 Y 的 值 ")) 
callOutputAdd(x.y) “' 调 用 OutputAdd 过 程 ,并 传递 x 和 Y 的 值 
Sub OutputAdd(a, b) 
dim z 
z-a-b 
MsgBox "两 数 之 差 是 : " &z 
End Sub 
一 > 
— /SCRIPT^ </HEAD> 
</HTML> 


3. 将 文件 保存 为 D:\student\46. txt( 编 辑 修 改 用 ) 。 


4. 将 文件 保存 为 D:\student\46. asp( 运 行 用 ) 。 
5. 运行 46. asp 文件 后 得 到 的 结果 如 图 4. 18 所 示 。 


Mil YBScript xj 
ns 


OO 
m 
m | 


图 4.18. 求 两 数 之 差 


【操作 7】 While 循环 结构 程序 举例 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 
<HEAD> <TITLE> While JÄI th H EJF 216 i] </TITLE> 
<SCRIPT LANGUAGE = "VBScript" > 
<f 
Sub ShowMessage 

dim i,intSum 

i=1 

intSum = 0 

While i< = 100 

intSum = intSum + i 
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i=si+1 
Wend 
MsgBox "从 1 加 到 100 的 整数 和 是 : ”& intSum 
End Sub 
call ShowMessage “' 调 用 ShowMessage 过 程 
一 > 
</SCRIPT> </HEAD> 
<BODY> 
— jmopy-- 
</HTML> 
3. 将 文件 保存 为 D:\student\47. txt( 编 辑 修改 用 ) 。 AE 
4. 将 文件 保存 为 D:\student\47. asp( 运 行 用 ) 。 Cae 
5. 运行 47. asp 文件 后 得 到 的 结果 如 图 4. 19 所 示 。 
图 4. 19 While 循环 语句 应 用 
【小 结 】 


VBScript 是 ASP 的 默认 语言 ,是 VB 家 族 的 最 新 成 员 , 可 以 说 VBScript 是 VB 的 子 
集 。 当 然 ,VBScript 不 是 ASP 唯一 的 脚本 语言 。 它 可 以 作为 客户 端 编程 语言 ,也 可 以 作 
为 服务 器 端 编程 语言 。 前 者 是 可 以 由 浏览 器 解释 执行 的 语言 ,浏览 器 可 以 完成 所 有 的 工 
fe ,减轻 了 服务 器 的 负担 ; 而 VBScript 作为 服务 器 端 编程 语言 不 受 浏览 器 的 限制 。 

通过 以 上 的 实 训 ,学 生 可 以 了 解 VBScript 的 基本 运行 环境 ,熟悉 VBScript 语言 的 基 
本 语法 和 VBScript 的 基本 用 法 。 同 时 ,让 学 生 掌 握 在 HTML 文件 中 直接 嵌入 VBScript 
脚本 的 方法 ,为 以 后 用 ASP 编程 打 好 基础 。 
【思考 题 】 

1. VB 5j VBScript 的 关系 是 什么 ? 

2. VBScript 中 变量 的 声明 与 C 中 的 变量 声明 相同 吗 ? VBScript 中 变量 的 声明 规则 
是 什么 ? 

3. 在 VBScript 程序 中 如 何 调用 VBScript 的 过 程 ? 

4. 利用 VBScript 编程 ,在 网 页 中 输出 1 一 100 间 的 所 有 奇数 。 

5. 利用 VBScript 编程 ,自动 输出 一 个 8 行 ,3 列 、 宽 度 为 80%、 页 面 居中 的 表格 。 要 
R: 表格 奇数 行 的 背景 颜色 为 红色 (red) ,偶数 行 的 背景 颜色 为 黄色 (yellow)。 
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【 实 训 前 的 准备 】 
1. 检查 系统 中 是 否 安 装 了 PWS 或 者 IIS。 
2. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 
3. 检查 PWS 和 IIS 是 否 进行 了 正确 的 配置 。 
4. ER C 盘 以 外 的 其 他 盘 ( 如 DD 盘 \EE 盘 或 其 他 逻辑 盘 ) 上 创建 一 个 新 文件 夹 ,名 称 


为 student。 
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5. 检查 系统 中 是 否 安装 有 Dreamweaver, FrontPage it 8E 7 ^5 £x (E. 
【 实 训 目的 要 求 】 

1. 了 解 ASP 的 运行 环境 。 

2. 熟悉 ASP 的 编辑 工具 。 

3. 掌握 ASP 技术 中 Request 对 象 和 Response 对 象 的 基本 应 用 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 向 客户 端 输出 一 个 表格 

1. 打开 记事 本 或 者 Dreamweaver 软件 。 

2. 输入 以 下 内 容 : 


"向 客户 端 输出 一 个 表格 

Response. Write "— TABLE align = 'left' border = '1'width= '50 % ' >" 
Response. Write "<TR><TD width= '10% '4.1 第 一 讲 二 /TD 二 " 
Response. Write "一 TD width = '10 $ '74.2 第 二 讲 一 /TD 二 " 
Response. Write "一 TD width = '10 $ 74.3 第 三 讲 一 /TD 二 ” 
Response. Write "一 TD width= '10 % 74.4 Scill| ii — /TD-— " 
Response. Write "一 TD width = '10 $ 74.5 思考 题 一 /TD 二 ” 
Response. Write "</TR>" 

Response. Write "</TABLE>" 

5 

一 BR 二 一 BR 二 一 HR 一 

«s ' 向 客户 端 输 出 一 个 项 目 , 并 加 上 超 链接 

Response. Write "<A href = 'chap4. htm'>" $& 二 

第 5 章 Request 和 Response 对 象 二 % = "—/A^" $> 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\48. txt( 编 辑 修 改 用 ) 。 
4. 将 文件 保存 为 D:\student\48. asp( 运 行 用 ) 。 
5. 运行 48. asp 文件 后 得 到 的 结果 如 图 4. 20 所 示 。 


F http://localhost/asp/48.asp - Microsoft Internet Explorer ini xj 


LHO REO SEV KAA IAD KAW E 
Qa- O- dA Al pm voee e| " 
地 址 (0) [Æ http://localhostasp/48.asp v] EJ 59 | 链接 > 


[a 138—881 a. 2 第 二 讲 ]|4. 3 第 三 讲 ||4. 4 实 训 题 肥 .5 思考 题 
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图 4.20 向 客户 端 输出 一 个 表格 
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【操作 2】 输入 输出 应 用 


1. 打开 记事 本 软件 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 。 
Input3. asp 程序 如 下 : 


<HTML> 

<BODY> 

<P><A HREF = http: //localhost/Output3. asp?Select = 1&Sex = 男 二 选择 字符 串 1</A></P> 
<P><A HREF = "Output3.asp?Select = 2&sex = 女 " 二 选择 字符 串 2</A></P> 

<$ 

Response. Write "<A HREF = 'Output3. asp?Select = 3&Sex = Jj HFR 3 二 /A 二 " 

$> 

</BODY> 

</HTML> 


3. 将 文件 保存 为 D:\student\input3. asp. 
4. 新 建 一 个 文件 并 输入 如 下 代码 : 


<HTML> 

<BODY> 

<$ 

"取得 客户 信息 

QueryN = Request. QueryString("Select") 

QueryS = Request. QueryString("Sex") 

' 根 据 选择 的 不 同 做 出 不 同 的 处 理 

SELECT CASE QueryN 

CASE "1" 
Response. Write "<BR>"g" 您 的 选择 是 "SQueryN&” 显示 的 是 字符 串 1" 
Response. Write "一 BR>"& "您 的 性 别 是 "&QueryS 

CASE "2" 
Response. Write "<BR>" S" KRAJ yfi "&QueryN&” 显示 的 是 字符 串 2" 
Response. Write "一 BR>"&" 您 的 性 别 是 "&QueryS 

CASE "3" 
Response. Write "一 BR 二 "&" 您 的 选择 是 "SQueryN&” 显示 的 是 字符 串 3" 
Response. Write "— BR "&" fi (f E l| J& "&QueryS 

END SELECT 

$> 

</BODY> 

</HTML> 


. 将 文件 保存 为 D:\student\output3. asp. 


. 运行 input3. asp 文件 后 ,得 到 的 结果 如 图 4. 21 所 示 。 
. 单 击 “选择 字符 串 2”, 程 序 将 会 转 入 output3. asp 中 ,执行 的 结果 如 图 4. 22 


0 a 


所 示 。 
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ITUECUECCURECCUESECTÁ Ei 


OOH AD Ps Nm | ” 
[oam 5ENETZLUET E 


选择 字符 串 1 


HEFTE 


选择 字符 串 3 


图 4.21 input3 输入 信息 


d http://localhost/asp， Output3.asp?Select= Z&sex= 女 - 


文件 (E) ”编辑 (E) SEW BEW IAV WR) 
Qa- O- A «| Ow vorm a 
AD Ee maeneno z IL JE ET 


图 4.22  output3 输出 信息 


【操作 3】 Request 对 象 中 的 ServeVariables 集合 的 应 用 
1. 打开 记事 本 或 Dreamweaver 软件。 


2. 输入 以 下 内 容 : 

<HTML> 

<HEAD> —Title- fiir ikr lit — /Title- </HEAD> 

<BODY> 

<p align = "center" >J} Request 对 象 读 取 服 务 器 环境 变量 一 /p> 
«s 


FOR Each Sname IN Request. ServerVariables 
Response. Write ("<p><b> "&SnameS&" </b> — /p--") 
"输出 服务 器 环境 变量 
Response. Write (Request. ServerVariables (Sname)) 
NEXT 
$> 
</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\SV. txt. 


4. 将 文件 保存 为 D:\student\SV. asp. 
5. 在 地 址 栏 中 输入 http://localhost/student/SV. asp 运行 后 ,结果 如 图 4. 23 所 示 。 
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济 服 务 器 环境 变量 - Microsoft Internet Explorar 
XH dip SEV gm IAV WI” AP 
Qm- © daos " 
地 址 (0) [E htpynocarz] EA e” EE 


"n 


用 Request 对 象 读 取 服务 器 环境 变量 
ALL HITP 


HTTP ACCEPT:image/gif, image/x-xbitmap, 
image/jpeg, image/pjpeg, application/x- 
shockwave-flash, application/vnd. ms-excel, 
application/wvnd.ms-poverpoint, 
application/msword, */* 

HTTP ACCEPT LANGUAGE: zh-cn 

HTTP CONNECTION:Keep-Alive 

HTTP_HOST: localhost 
HITP_USER_AGENT:Mozilla/4.0 (compatible; MSIE 
6.0: Windows NT 5.1; SV1) 
HTTP. COOKIE: 


me[ T T T TT GEERT 7 


图 4.23 ServeVariables 集合 应 用 


【操作 4】 用 户 登 录 
1. 打开 记事 本 或 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


Pf 
font - family : 宋体 ; 
margin- top : 6pixels; 
margin - bottom : 6pixels; 
font - size : 9pt; 

j 

BODY | 
font - fanily : 宋体 ; 
font - size : 9pt; 
background - color : &ccffcc; 

) 

. homepage 
font- size : 13pt 

} 

td { 
font - family : 宋体 ; 
font - size : 9pt; 

} 

input | 
font - size : 9pt; 

} 

hr { 


color : # 000000; 
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3. 将 文件 保存 为 Di NstudentNcommon. css。 
4. 新 建 一 个 文件 并 输入 如 下 程序 代码 : 


<HTML> 
<HEAD> 
<TITLE> JH P! 3X£ 5& — / TITLE— 
<LINK rel = "stylesheet" href = "common. css" — 
</HEAD> 
<BODY> <CENTER> 
一 FORM action = "UserLoginRespond. asp" method = "POST" > 
<P><FONT size = "3"> <B> W ie FEA P1 4 3f fh A E </B></FONT></P> 
一 HR size = "1" width= "50 % "> 
— TABLE border = 1> 
<TR> <T> HPA : </> 
<TD><INPUT type = "INPUT" NAME = "Username" size = "10"&_ 
VALUE = < % = Request( "username" ) $ > ></TD> 
</TR> <TR> 
二 TD 二 密码 :二 /TD 
<TD><INPUT type = "PASSWORD" NAME = "UserPassword" size= "10" ></TD> 
</TR> <TR> 
<TD colspan = 2 align = "center" >< INPUT type = "SUBMIT" value = "Xf "></TD> 
</TR> 


</TABLE> </FORM> 

<FONT color = "red">< % = Request("ErrorMessage") % 二 一 /FONT 一 
</CENTER> 

</BODY> 

</HTML> 


5. 将 文件 保存 为 D:\student\Userlogin. asp. 
6. 新 建 一 个 文件 并 输入 如 下 程序 代码 : 


<$ 
Dim strNoName, strBadUserName, strBadPassword.flag 
"设置 错误 信息 
strNoName = “请 输入 正确 的 用 户 名 和 密码 ” 
strBadUserName = “对 不 起 ! 输入 的 用 户 名 错误 1" 
strBadPassword = “对 不 起 ! 输入 的 密码 错误 !1" 
' 取 得 网 页 表单 的 值 
strUserName = Request.Form("Username") 
strUserPassword = Request. Form("Userpassword" ) 
' 是 否 输入 用 户 名 和 密码 
If strUserName = "" or strUserPassword = "" Then 

strUserName = "" 

Response. Redirect "UserLogin. asp?ErrorMessage = " & strNoName & "SUserName = " & strUserName 
End If 
"检查 密码 
If strUsername = "user" or strUsername = "super" Then 

"密码 正确 ,找到 用 户 

If strUsername = "user" and strUserPassword = "001" Then 


"进入 网 站 的 网 页 
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Session("UserLevel") = 1 
Response. Redirect "main.asp" 
Else If strUsername = "super" and strUserPassword = "002" Then 
Session("UserLevel") =2 
Response. Redirect "main. asp" 
Else 
"密码 错误 
Response. Redirect "UserLogin. asp?ErrorMessage = " & strBadPassword & "S&UserName = " 
& strUserName 
End If 
End If 
Else 
' 用 户 错误 
strUserName = "" 
Response. Redirect 
& strUserName 
strUserName 
End If 
5 


7. 将 文件 保存 为 D:\student\UserLoginRespond. asp. 


8. 在 地 址 栏 中 输入 http://localhost/student/ Userlogin. asp 运行 后 ,结果 如 图 4. 24 
所 示 。 


UserLogin. asp?ErrorMessage = " & strBadUserName & " &UserName = " 


Zh HIP ER -Microsoft Internet Explorer 
XD dH) FEV KRA IAD WM” P 


Om- 0 AAA ” 
[nm-U5LELEE 


请 选择 用 户 名 并 输入 密码 


图 4.24 用 户 登录 


【操作 5】 Cookies 集合 的 应 用 
1. 打开 记事 本 或 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<% visit = Request. Cookies("visit") 
If len(visit) = 0 Then 


visit- 0 

End If 

If isempty(session("connected"))Then 
visit- visit t 1 

Response. Cookies("visit") - visit 

"Cookie 的 失效 日 期 为 2008 年 12 月 1 日 
Response. Cookies("visit").expires = "07/01/2005" 
End If 

session("connected") - true 

$> 

<HTML> 

<HEAD> 

<TITLE> cookies [I (ij & V H </TITLE> 
</HEAD> 

<BODY> 

<h3 align = "center" 二 欢迎 访问 本 站 点 二 h3 二 
<hr> 
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<p align = "center" ^ fA f$ — & = visit & 二 个 访问 本 站 ! </p> 


</BODY> 
</HTML> 


3. 将 文件 保存 为 D:\student\51. txt, 
4. 将 文件 保存 为 D:\student\51. asp。 


5. 在 地 址 栏 中 输入 http://localhost/student/51. asp 


F cookies fa 4 EL HI - Microsoft Int 


XO RRO FEV (mo IP" AP 


运行 后 ,结果 如 图 4.25 所 示 。 


Qa- O- id a jose 


wofa] E33) ue ”| renr > 


欢迎 访问 本 站 点 


您 是 第 11 个 访问 本 站 1! 


g 


HSTEEREEOT 


4l 


图 4.25 Cookies 集合 的 应 用 实 训 运 行 结 果 


【操作 6】 用 户 信息 注册 
1. 打开 记事 本 或 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<HTML> 

<HEAD> 

<TITLE> JH P! AHA E </TITLE> 
</HEAD> 

<BODY> 
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«FORM method = "POST" action = "Registerresult.asp" > 
<CENTER> — H3 7 ff Hl i WWE fri e. — / H3 </CENTER> 
—P(Küfjik4: <INPUT type- "text" name = "Username" size = "20" —-—/P-— 
<P> PRIPESI]: 一 SELECT size- "1" nane = "Sex" — 
<option selected value = "Jj" — 8j — /option— 
<option value = "Zr" — fr </option> 
</SELECT> </P> 
<P> {RAIZ 8]. <INPUT type = "text" name = "Company" size = "20"></P> 
<Pœ< INPUT type = "submit" value = "JE 72" name = "B1">< INPUT type = "reset" value =" 
清除 " name = "B2" ></P> 
</FORM> </BODY> </HTML> 


3. 将 文件 保存 为 D:\student\Registerinfor. htm, 
4. 新 建 一 个 文件 并 输入 如 下 内 容 : 


<$% 

Session( "Myname" ) = Request. forn( "Username" ) 

Session("Mysex") = Request. form(" Sex") 

Session("Mycompany") = Request. form( "Company" ) 

$> 

<HTML> 

<HEAD> <TITLE> H P EM </TITLE> </HEAD> 

<BODY> 

<$ 

If Session("Mysex") = "Jj" Then 

$> 

<U> <% = Session("Mycompany") & > — /U-— jJ <B> < % = Session(" Myname") % > </B> 
IDE^-/12 38M fpc NER t 

<$ 

Else 

%> 

<U> < & = Session("Mycompany") % > </U> [lf] <B> < % = Session(" Myname") % > </B> 
<I>kt</ID REEE EPRD! 

< $ End If $ > 

<P></P> 

请 牢记 您 的 注册 信息 :二 BR 二 

&nbsp;&nbsp;&nbsp;&nbsp; 44 fA: <% = Session("Myname") % 二 一 BR 一 
&nbsp;&nbsp;&nbsp;&nbsp; EJI]: < * = Session("Mysex") % 二 一 BR 一 
&nbsp;&nbsp;S&nbsp;Snbsp; 公 司 : < % = Session("Mycompany") % 二 一 BR 二 
</BODY> 

</HTML> 


5. 将 文件 保存 为 D:\student\Registerresult. asp; 

6. 在 地 址 栏 中 输入 http://localhost/student/ Registerinfor. htm 运行 后 ,结果 如 
图 4.26 所 示 。 

7. 输入 信息 并 单 击 “ 提 交 ” 按 钮 后 ,出 现 如 图 4. 27 所 示 的 信息 。 
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(A 用户 注 册 信 息 -MicrosaofEITAEEGGEEERRE s E 本 用 户 注 册 结果 Microsoft Interneti 

HO GE SEV KEW IP" A 

Qa- O- ldall” Qa- O- a Alp” 
mojar] Qaa ws ”| 国安 全 助手 > woja] Dra um ”| 国安 全 助手 > 


你 的 注册 信息 
你 的 姓名 REGE 


你 的 性 别 ; 
你 的 公司 ， MES] 


RES LS RIOT 


请 牢记 您 的 注册 信息 : 
名 称 ， 陈 孟 建 


性 别 : B 
公司 : 硕士 公司 


KmrmEIOT 7 


Gree: oT 7 
图 4.26 输入 用 户 注册 信息 图 4.27 用 户 信息 输出 


【小 结 】 

Request 对 象 可 以 用 来 访问 所 有 从 浏览 器 发 送 到 服务 器 的 信息 ,可 以 利用 Request 
对 象 来 接受 用 户 在 HTML 窗 体 中 输入 的 信息 ; Response 对 象 用 来 将 信息 发 送 回 浏览 
器 。 因 此 ,可 以 利用 Response 对 象 将 脚本 语言 结果 输出 到 浏览 器 上 。 

通过 以 上 的 实 训 , 学 生 可 以 了 解 Request 对 象 和 Response 对 象 的 基本 应 用 。 让 学 生 
掌握 Form 集合 .QueryString 集合 .Cookies 集合 等 基本 应 用 ,能 够 有 针对 性 地 编写 一 些 
BH. 
【思考 题 】 

1. Form 集合 的 应 用 实 训 中 , 若 表单 的 提交 采用 Get 方法 可 以 吗 ? 会 产生 什么 现象 ? 

2. QueryString 集合 的 应 用 实 训 中 , 若 表单 的 提交 采用 Post 方法 可 以 吗 ? 会 产生 什 
么 现象 ? 

3. Cookies 集合 应 用 实 训 中 , 若 Cookie 失效 , 那 会 产生 什么 现象 ? 


4. 通过 ServerVariables 集合 的 应 用 实 训 ,你 认为 应 如 何 直接 获取 服务 器 的 IP 地 址 
及 主机 名 ? 


实 训 18 Server 对 象 应 用 实 训 


【 实 训 前 的 准备 】 

1. 检查 系统 中 是 否 安 装 了 PWS 或 者 IIS。 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 

3. 检查 PWS 和 IIS 是 否 进 行 了 正确 的 配置 。 

4. TER C 盘 外 的 其 他 盘 ( 如 D A E 盘 或 其 他 风 辑 盘 ) 上 创建 一 个 新 文件 夹 ,名 称 为 
student, 


5. 检查 系统 中 是 否 安装 有 Dreamweaver、FrontPage、 记 事 本 等 软件 。 
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【 实 训 目 的 要 求 】 

1. 了 解 ASP 的 运行 环境 。 

2. 熟悉 ASP 的 编辑 工具 。 

3. 掌握 ASP 技术 中 Server 对 象 的 基本 应 用 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 Server 对 象 的 方法 应 用 实 训 

1. 打开 记事 本 或 者 Dreamweaver 软件 。 

2. 输入 以 下 内 容 : 


<html> 

<head> <title> Server 对 象 的 方法 的 应 用 二 /title 二 /head 一 

<body> 

< % = server. mappath( request. servervariables("PATH INFO")) % ><br> 

<% = server. HTMLEncode ( " HTMLEncode 方法 允许 特定 字符 串 进 行 HTML 编码 ,如 HTML 标记 ， 
<br>, <p>% .") $ ><br> 

< 5 = server. URLEncode( " http; / / www. sohu. com") % > <br> 

</body> 

</html> 


3. 将 文件 保存 为 D:\student\61. txt. 
4. 将 文件 保存 为 D:\student\61. asp。 
5. 在 地 址 栏 中 输入 http://localhost/student/61. asp 运行 后 ,结果 如 图 4. 28 所 示 。 


Serveri RAN AMR -Microso MEA =E; 
IHO REO FEV KRA IB" A 
Qa- O-ha Alp” 
tojar] Dra see "| 国安 全 助手 7 
E:\CBS\cbsT3\asp\61. asp 
HIM Encode PARRE SERT RITHTNLR 
38, inHTMLÉTI 


Eig. Cr». qu. 
httpK3AK2FK2FwwwK2Esohuk2Econ 


fami Fn pn Fr] ES HR 


图 4. 28 Server 对 象 应 用 实 训 运行 结果 


【操作 2】 Server 对 象 的 方法 应 用 实 训 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


=htnml> 
<head> 
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— title mappath [i] Jj fH — /title— 

</head> 

<body> 
<h3> Server 对 象 中 mappath Jy k fI IE Æ Jj H< /h37— 
< % = server. mappath( "data. mdb") % 二 一 br 二 
< 5 = server. mappath( "admin/data. mdb") % ><br> 
< % = server. nappath(" /system/data. mdb") % 二 一 br 二 
< % = server. mappath(" /data. mdb") $ > 

</body> 

</html> 


3. 将 文件 保存 为 D:\student\62. txt; 


4. 将 文件 保存 为 D:\student\62. asp。 
5. 在 地 址 栏 中 输入 http://localhost/student/62. asp 运行 后 ,结果 如 图 4. 29 所 示 。 


HO MEO IO WO I>] 


Qa- O- hadlar” 


woja] 加 畦 到 wm ”| sem " 
Server 对 象 中 mappath 方 法 的 基本 
应 用 


bl 


E: VCBS V cbsT3Vasp dat a. ndb 
E:\CBS\cbs73\asp\adnin\dat a. ndb 

c:\inetpub\vwwroot\system\data. ndb 
c:\inetpub\wwwroot\data. mdb 


图 4.29 Server 对 象 mappath 方法 应 用 实 训 运行 结果 


【小 结 】 

Server 对 象 提 供 对 服务 器 端 方法 和 属性 的 访问 ,其 中 大 多 数 方法 和 属性 是 作为 实用 
程序 的 功能 服务 的 。 有 了 Server 对 象 ,就 可 以 在 服务 器 上 启动 ActiveX 组 件 , 并 可 以 使 
用 Active Server 服务 器 提供 的 HTMLEncode fll URLEncode 方法 来 对 HTML 标记 进 
行 编码 处 理 。 

通过 以 上 的 实 训 ,学 生 可 以 了 解 Server 对 象 的 基本 应 用 ,掌握 Server 对 象 中 的 
MapPath、HTMLEncode、URLEncode 方法 等 应 用 .能 够 有 针对 性 地 编写 一 些 程序 。 
【思考 题 】 

1. Server 对 象 的 MapPath 方法 的 功能 是 什么 ? 

2. 若 要 设置 服务 器 执行 ASP 页 面 的 最 长 时 间 为 1 分 钟 ,可 以 使 用 Server 对 象 中 的 
什么 属性 ? 如 何 设置 ? 

3. 编写 一 个 ASP 程序 ,在 浏览 器 中 显示 接受 请 求 的 服务 器 的 IP 地 址 、 服 务 器 的 端 
口号 、 当 前 网 页 的 真实 物理 路 径 、 当 前 网 页 的 虚拟 路 径 和 发 出 请 求 的 客户 机 的 IP 地 址 ? 
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实 训 19 Session 和 Application 对 象 应 用 实 训 


【 实 训 前 的 准备 】 

1. 检查 系统 中 是 否 安装 了 PWS 或 者 IIS。 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP. 

3. 检查 PWS 和 IIS 是 否 进行 了 正确 的 配置 。 

4. ER C 盘 外 的 其 他 盘 ( 如 DD E 盘 或 其 他 逻辑 盘 ) 上 创建 一 个 新 文件 夹 ,名 称 为 
student, 

5. 检查 系统 中 是 否 安 装 有 Dreamweaver、FrontPage、 记 事 本 等 软件 。 
【 实 训 目的 要 求 】 

1. 了 解 ASP 的 运行 环境 。 

2. 熟悉 ASP 的 编辑 工具 。 

3. 掌握 ASP 技术 中 Session 对 象 和 Application 对 象 的 基本 应 用 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 Session 对 象 和 Application 对 象 应 用 实 训 

1. 打开 记事 本 或 者 Dreamweaver 软件 。 

2. 输入 以 下 内 容 : 


<html> 

<head> 

<title>session 变量 和 application "Eft íi] Ji fH] </title> 
</head> 

<body> 

<$ 

dim varl ,var2 

varl = " 钟 伟 期 同学 : fti" 

var2 = " 今 晚 在 教学 楼 302 室 开 班 干部 会 议 1" 
session("varl") = varl 

application("var2") = var2 

$> 

<form method = "post" action = "my. asp" 二 

<input type = submit name = "sent" value = "$f ih "> 
</form> 

</body> 

</html> 


3. 将 文件 保存 为 D:\student\session. txt. 
4. 将 文件 保存 为 D:\student\session. asp. 
5. 新 建 一 个 文件 并 输入 以 下 内 容 : 
<html> 


<head> 
<title> session 变量 和 application ZE fff Hj </title> 
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</head> 

<body> 

<$ 

if session("var1l") = empty or application("var2") = empty then 
response. write" session 变量 不 存在 !" 

else 

response. write" 姓 名 : "&session("varl")&"-— br" 

response. Write" 内 容 : "Sapplication("var2") 

end if 

$> 

</body> 

</html> 


6. 将 文件 保存 为 D:\student\my. txt, 

7. 将 文件 保存 为 D:\student\my. asp。 

8. 在 地 址 栏 中 输入 http://localhost/student/session. asp 运行 后 ,结果 如 图 4. 30 
所 示 。 


习 session 志 是 和 application 支 是 的 应 用 - Microsoft MEER 
XM) RRO FEV KAW IAD Wb |4 
Qi -Oa jos e ” 
LOB z] EJAS we LE “| 


图 4.30 session. asp 运行 结果 


9. 单 击 “输出 ”按钮 ,运行 结果 如 图 4.31 所 示 。 


RRO RBO SEV KEW IAD EMW 
Qa- O- xz) i|, m ona 
["pEEmEPDLNE 


姓名 : 神 伟 期 您 好 1! 
内 容 : 今 晚 在 教学 楼 302 室 开 班 干部 会 议 ! 


图 4.31 my. asp 运行 结果 


【操作 2】 网 站 统计 在 线 人 数 应 用 实 训 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 
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<HTML> 
<head> <title> fiih AN 94 tt — /title></head> 
<body> 
<p> MARN fEZ A XX. <% =application("user_online") % ></p> 
一 p 二 网 站 总 访问 量 : <% -application("usernum") € ></p> 
</body> </HTML> 


3. 将 文件 保存 为 D:\student\test. asp. 
4. 在 global. asa 文件 中 输入 以 下 内 容 : 


<script language = "vbscript" runat = "server" — 

sub application onstart 
session. timeout = 1 
application. lock 
application("user online") = 0 
application. unlock 

end sub 

sub session onstart 

"任何 一 位 用 户 登 录 网 站 时 ,在线 人 数 加 1 
application. lock 
application("user online") - application("user online") * 1 
application("usernum") = application("usernum") + 1 
application. unlock 

end sub 

sub session onend 
application. lock 
"任何 一 位 用 户 退 出 时 ,在 线 人 数 减 1 
application("online") = application("online") - 1 
application. unlock 

End Sub 

一 /Script 二 


5. 将 修改 后 的 global. asa 文件 保存 。 
6. 在 地 址 栏 中 输入 http://localhost/test. asp 运行 后 ,结果 如 图 4. 32 所 示 。 


A Ait FIMA - Microsoft Intense Wnix| 


当前 网 站 在 线 人 数 ，28 


网 站 总 访问 重 : 245 


图 4.32 网 站 统计 在 线 人 数 应 用 实 训 运行 结果 


【小 结 】 
Session 对 象 主要 用 来 存储 特定 用 户 会 话 所 需 的 信息 。 当 用 户 在 应 用 程序 的 页 之 间 
跳 转 时 ,存储 在 Session 中 对 象 的 变量 不 会 清除 ,而 且 在 整个 用 户 会 话 中 会 一 直 存在 下 
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去 。 当 用 户 请 求 来 自 应 用 程序 的 Web 页 时 ,如果 该 用 户 还 没有 会 话 , 则 Web 服务 器 自动 
创建 一 个 Session 对 象 。 当 会 话 过 期 或 被 放弃 后 ,服务 器 将 自动 终止 该 会 话 。 

Application 对 象 在 很 多 方面 与 Session 对 象 有 着 相似 性 和 可 比 性 。 可 以 使 用 
Application 对 象 在 给 定 的 应 用 程序 的 所 有 用 户 之 间 共 享 信息 ,并 在 服务 器 运行 期 间 持 久 
地 保存 数据 。 还 可 以 应 用 Application 对 象 来 控制 访问 应 用 层 数据 的 方法 和 可 用 于 在 应 
用 程序 启动 和 停止 时 触发 过 程 的 事件 。 当 然 ,Application 对 象 与 Session 对 象 有 本 质 的 
区 别 , 比 如 : 对 同一 个 页 面 ,不 同 的 访问 者 可 以 创建 不 同 的 Session, 但 是 Application 的 
值 却 是 固定 不 变 的 ,只 被 创建 一 次 。 

通过 以 上 的 实 训 ,学 生 可 以 了 解 Application 对 象 和 Session 对 象 的 基本 应 用 ,掌握 
Application 对 象 和 Session 对 象 的 属性 .方法 和 事件 的 基本 应 用 ,能 够 有 针对 性 地 编写 一 
些 程序 。 

【思考 题 】 

1. 总 结 Session 对 象 和 Application 对 象 的 异同 点 。 

2. 如 何 自 定义 Session 对 象 和 Application 对 象 的 属性 ? 如 何 将 网 页 变量 和 对 象 实 
例 还 原 ? 

3. 如 何 改变 Session 在 服务 器 端 保留 的 时 间 限 制 ? 

4. 用 Session XJ £& , Application 对 象 编写 一 个 ASP 程序 ,统计 在 线 人 数 和 访问 总 
人 数 。 


实 训 20 ASP 常用 可 安装 组 件 应 用 实 训 


【 实 训 前 的 准备 】 

1. 检查 系统 中 是 否 安 装 了 PWS 或 者 IIS。 

2. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 

3. 检查 PWS 和 TIS 是 否 进 行 了 正确 的 配置 。 

4. 在 除 C 盘 外 的 其 他 盘 ( 如 DD dk E 盘 或 其 他 逻辑 盘 ) 上 创建 一 个 新 文件 夹 ,名 称 为 
student, 

5. 检查 系统 中 是 否 安装 有 Dreamweaver, FrontPage WRA 5 4X (E 
【 实 训 目 的 要 求 】 

1. 了 解 ASP 中 的 常用 内 置 组 件 。 

2. 熟悉 ASP 中 的 内 置 组 件 对 象 的 创建 。 

3. 掌握 ASP 技术 中 常用 内 置 组 件 的 基本 应 用 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 Ad Rotator 组 件 应 用 实 训 

1. 打开 记事 本 或 者 Dreamweaver 软件 。 

2. 输入 以 下 内 容 : 


redirect /adrotator.asp 


103. 
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width 100 
height 40 
border 1 
* 
advertisement/joyo.gif 
http://www. amazon. cn/ 
卓越 网 
30 
advertisement/17u. gif 
http://www. 17u. com 
当当 网 
40 
advertisement/taobao. gif 
http://www. taobao. com 


易趣 网 
30 


3. 将 文件 保存 为 D:\student advertisementNadrot, txt( 需 要 新 增加 一 个 advertisement 
的 文件 夹 ) 。 
4. 将 图 片 (joyo. gif .17u. gif ,taobao. giD fi f£ fE advertisement 文件 夹 中 。 
5. 新 建 一 个 文件 并 输入 以 下 内 容 : 
<html> 
<head> <title>Ad Rotator ffl {FW FH — /title- — /head— 
<body bgcolor = "it FFFFFF" text = " # 000000" — 
<p align= center> $e HJ dr AK UR </p> 
<% set ad= server. createobject("mswc. adrotator") % > 
<p align= center>< 5 = ad.getadvertisement("advertisement/adrot. txt") % ></p> 
</body> 
</html> 


6. 将 文件 保存 为 D:\student\adrotator. asp. 

7. 在 地 址 栏 中 输入 http://localhost/adrotator. asp 运行 后 ,出现 一 个 轮 显 广告 条 演 
m ,再 运行 一 次 又 出 现 第 二 个 轮 显 广告 条 演示 ,运行 第 三 次 又 出 现 第 三 个 轮 显 广告 条 演 
示 。 图 4. 33 所 示 的 是 连续 运行 三 次 后 的 情况 (一 次 只 能 显示 一 个 ) 。 
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4.33 Ad Rotator 组 件 应 用 实 训 运行 结果 
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【操作 2】 Browser Capbilities 组 件 应 用 实 训 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<html> 
<head> —TITLE- Browser Capbilities 7f {FW FH </TITLE> </head> 
<body> < $% 
' 创 建 Browser Capbilities 组 件 
Set BrowserCap = Server.CreateObject("MSWC. BrowserType" ) 
$> 
浏览 器 名 称 : <% = BrowserCap. browser % ><br> 
浏览 器 版 本 : <% = BrowserCap. version $ ><br> 
< % if BrowserCap.vbscript = TRUE then 
response. write" 该 浏览 器 支持 VBscript" 
else 
response. write" 该 浏览 器 不 支持 VBscript" 
end if $ > <br> 
< % if BrowserCap.cookies = TRUE then 
response. write" 该 浏览 器 支持 cookies" 
else 
response. write" 该 浏览 器 不 支持 cookies" 
end if $ > 
</body> — /html- 


将 文件 保存 为 Di NstudentNBrowserCap. txt。 
将 文件 保存 为 D:\student\BrowserCap. asp. 
在 地 址 栏 中 输入 http://localhost/student/ BrowserCap. asp 运行 后 ,结果 如 图 4. 34 
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所 示 。 
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浏览 器 版 本 ，6.0 
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该 浏览 器 支持 cookies 


图 4. 34 Browser Capbilities 组 件 应 用 实 训 运 行 结果 


【操作 3】 Counter 组 件 应 用 实 训 
1. 打开 记事 本 或 者 Dreamweaver 软件 。 
2. 输入 以 下 内 容 : 


<html> 
<head><title>Counter i| Zi ag Hl </title> </head> 
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<a ' 创 建 计数 器 实例 
set nycounter = server. createobject( "MSWC. Counters") 
vote = Request("pay") 
mycounter.Increment(vote) & — 
你 认为 "网 上 支付 "安全 吗 ? 
< 一 FORM NAME = "Vote" METHOD = "post" ACTION = "counter. asp" — 
<input type = "RADIO" NAME = "pay" VALUE = "votel "一 安全 
<input type = "RADIO" NAME = "pay" VALUE = "vote2" — RK KE 
< input type = "RADIO" NAME = "pay" VALUE = "vote3" 二 不 好 说 一 BR 二 
—INPUT TYPE = "SUBMIT" VALUE = "提交 "二 
«C /FORM— <hr> 
当前 网 上 调查 结果 显示 : <BR> 
"E &nbsp;&nbsp; 全 :一 % = mycounter.Get("votel") % 二 一 BR 二 
不 安全 :一 % =mycounter.Get("vote2") % 二 一 BR 二 
不 好 说 :二 % = mycounter. Get("vote3") % ><BR> 
— /html- 


.将 文件 保存 为 D:\student\counter. txt. 
.将 文件 保存 为 D:\student\counter. asp. 
. 在 地 址 栏 中 输入 http://localhost/student/counter. asp 运行 后 ,结果 如 图 4. 35 
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所 示 。 
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图 4.35 Counter 组 件 应 用 实 训 运行 结果 


【操作 4]. Content Linking 组 件 应 用 实 训 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


pagel.asp 第 1 章 个 性 化 的 客户 需求 与 沟通 
page2.asp 第 2 章 企业 电子 商务 网 站 构建 
page3.asp 第 3 章 企业 电子 商务 网 站 规划 
page4.asp 第 4 章 企业 电子 商务 网 站 运行 环境 
page5.asp 第 5 章 企业 电子 商务 网 站 语言 技术 
page6.asp 第 6 章 企业 电子 商务 网 站 设计 技术 
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page7.asp 第 7 章 企业 电子 商务 网 站 建设 实务 
page8.asp 第 8 章 企业 电子 商务 网 站 管理 与 维护 


3. 将 文件 保存 为 D:\student\link. txt; 
4. 打开 记事 本 或 者 Dreamweaver 软件 。 


<HTML> 
<head><TITLE> Content Linking 2f fF (1 f %4 H </TITLE> </HEAD> 
<BODY> 
电子 图 书 导 航 
< % Set CLink = Server. CreateObject ("MSWC. NextLink") 
for i= 1 to cint(CLink. GetListCount("link. txt")) & > 
<a href = "< % = CLink. GetNthURL ("link. txt", i) $ >"><br> 
< % = CLink.GetNthDescription ("link. txt", i) $ ></a> 
<% next% > 
</BODY> 
</HTML> 


6. 将 文件 保存 为 D:\student\clinking. asp. 
7. 在 地 址 栏 中 输入 http://localhost/student/clinking. asp 运行 后 ,结果 如 图 4. 36 
所 示 。 
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图 4. 36 Content Linking 组 件 应 用 实 训 运行 结果 


【操作 5】 FileSystem 组 件 应 用 实 训 
1. 打开 记事 本 软件 。 
2. 输入 以 下 内 容 : 


肖钦 

29 届 奥 运 会 2 块 金牌 夺 主 
体操 

菲 尔 普 斯 

29 届 奥 运 会 8 块 金牌 夺 主 
游泳 
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3. 将 文件 保存 为 C:\Inetpub\wwwroot\user. txt, 
4. 打开 记事 本 或 者 Dreamweaver 软件 。 
5. 输入 以 下 内 容 : 


<html> 
<head> 
<TITLE> FileSystenm Zl fF (1) (ij W Fl </TITLE> 
</head> 
< x ' 创 建 一 个 FileSystmObject 对 象 的 实例 
filepath- server. mappath("user. txt") 
Set fso = CreateObject("Scripting. FileSystemObject") 
ITF XPF 
Set file = fso. OpenTextFile(filepath, 1, False) 
do until file. AtEndOfStream 
Response. write "姓名 :" & file.ReadLine & 
Response. write "职业 : " & file. ReadLine & " " 
Response. write "特长 : " & file. ReadLine & "<p>" 
loop 
file.Close 
set file- nothing 


set fso = nothing 
$> 
</body> 
</html> 


6. 将 文件 保存 为 C:\Inetpub\wwwroot\f{so. asp。 
7. 在 地 址 栏 中 输入 http://localhost/fso. asp 运行 后 ,结果 如 图 4. 37 所 示 。 


昼 Filesystem 组 件 的 简单 应 用 - Microsoft Internet Explorer mms E] 
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地 址 (D) [Æ] http:jfiocalhostjasp/fso] EJ 转 到 | 链接 ”| 图 安全 助手 ^ 
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姓名 : 徘 尔 普 斯 职业 : 29 届 奥运 会 8 块 金 牌 夺 主 特长 : 游泳 


me Tsspes pestes KormER:OT — 7 


图 4.37 FileSystem 组 件 应 用 实 训 运行 结果 


【小 结 】 
本 实 训 主要 讲述 了 ASP 的 一 些 比较 实用 的 组 件 如 Ad Rotator 2H ff, FileSystem 组 
fF Content Linking 组 件 、.Counter 7H fF, Browser Capbilities 组 件 .JMail 组 件 的 基本 应 
JH. 在 使 用 组 件 之 前 ,首先 需要 创建 它 的 一 个 实例 ,通常 采用 ASP 提供 的 Server. 
CreateObject() 方 法 。 然 后 可 以 在 ASP 文件 中 随意 地 应 用 内 置 对 象 的 属性 方法、 集合 。 
通过 以 上 的 实 训 , 学 生 可 以 了 解 ASP 的 内 置 组 件 的 基本 应 用 ,能 够 对 ASP 的 内 置 组 
件 有 一 个 深入 的 了 解 ,能 够 有 针对 性 地 编写 一 些 程序 。 
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【思考 题 】 


1. 采用 Ad Rotator 组 件 制作 和 管理 广告 ,编写 一 个 轮 显 广告 条 。 

2. 采用 FileSystem 组 件 ,编写 一 个 ASP 页 面 ,获取 计算 机 的 所 有 了 驱动 器 和 驱动 器 的 
息 。 
3. 采用 Browser Capbilities 组 件 , 编 写 一 个 ASP 页 面 , 获 取 浏 览 器 是 否 支持 Cookies 
和 JScript、JavaApplets 的 信息 。 

4. 采用 JMail 组 件 ,编写 一 个 ASP 程序 .实现 邮件 群发 的 功能 。 


zr 


第 3 部 分 


Web 数据 库 基 础 实 训 


电子 商务 网 站 具有 大 量 的 数据 ,这 些 数 据 存储 在 后 台数 据 库 中 ,数据 库 是 一 个 成 功 的 
电子 商务 网 站 的 灵魂 。 目 前 较 大 的 电子 商务 网 站 一 般 使 用 Access 2003 或 SQL Server 
2000 作为 后 台数 据 库 ,网 站 采用 浏览 器 /服务 器 (B/S) 模 式 , 用 户 通 过 网 页 的 形式 访问 后 
台数 据 库 服务 器 ,查询 或 存储 数据 。 

本 部 分 的 实 训 是 为 学 生 能 够 掌握 Access 2003, SQL Server 2000 数据 库 的 使 用 方法 ， 
掌握 VB、ASP 的 ADO 接口 以 及 利用 ASP 的 连接 程序 访问 数据 库 的 方法 等 。 通 过 本 部 
分 的 实 训 ,要 求 ， 

1. 了 解 Access 2003, SQL Server 2000 的 运行 环境 及 配置 ; 

2. 掌握 Access 2003, SQL Server 2000 数据 库 的 使 用 方法 ; 

3. 掌握 VB、ASP 的 ADO 接口 方法 和 技巧 ; 

4. 掌握 用 ASP 的 连接 程序 访问 数据 库 的 方法 ; 

5. 学 会 用 ASP 技术 开发 网 络 数据 库 的 应 用 程序 。 


实 训 21 Access 2003 数据 库 \ 表 的 创建 与 管理 


【 实 训 前 的 准备 】 

1. 检查 系统 中 是 否 安 装 了 Access 2003 软件 。 

2. 在 D 盘 中 创建 一 个 新 文件 夹 ,名 称 为 student. 
【 实 训 目的 要 求 】 

1. 掌握 Access 2003 数据 库 的 创建 方法 。 

2. 熟悉 数据 库 的 修改 与 删除 操作 。 

3. 掌握 数据 库 表 的 创建 方法 。 

4. 掌握 表 数 据 的 操作 方法 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 创建 Access 2003 数据 库 和 表 

1. 启动 Access 2003 时 ,系统 将 自动 弹出 Microsoft Access 对 话 框 ,如 图 5.1 所 示 。 


2. 选择 “ 空 数据 库 ” 选 项 后 显示 “文件 新 建 数据 库 ” 对 话 框 ,选择 用 于 存放 数据 库 文件 


的 盘 符 和 文件 夹 , 并 输入 文件 名 “顾客 ”。 
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3. 单 击 “ 创 建 "按钮 , 则 “客户 信息 "数据库 创 建 完毕 ,如 图 5.2 所 示 。 


“新 建文 件 
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图 5.2 新 建 的 “客户 信息 "数据 库 


图 5.1 Microsoft Access 对 话 框 


4. 选择 “使 用 设计 器 创建 表 ” 选 项 , 单 击 “ 设 计 ” 按 钮 ,打开 设计 视图 。 

5. 在 设计 视图 中 输入 表 的 字段 名 数据 类 型 。 输 入 完毕 将 光标 置 于 id 字段 并 右 击 ， 
在 弹出 的 快捷 菜单 中 选择 “主键 ”命令 ,此 时 id 字段 前 出 现 钥匙 图 标 ,表示 id 字段 已 被 设 
成 主键 ,如 图 5. 3 所 示 。 


x 
— 文本 PES 
P 文本 客户 性 别 
tel 文本 客户 电话 
文本 客户 住址 
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card 主要 标志 “文本 卡号 
ste 文本 身份 证 


图 5.3 表 的 设计 视图 


6. 单 击 “保存 ”按钮 后 显示 “另存 为 "对话 框 ,输入 表 的 文件 名 称 user, 如 图 5.4 所 示 。 


图 5.4 “另存 为 ”对话 框 


7. 单 击 “ 确 定 ” 按 钮 即 可 保存 此 表 。 

【操作 2】 表 字段 属性 的 设置 

1. 选择 user 表 , 单 击 “ 设 计 ” 按 钮 ,进入 表 设 计 视 图 。 

2. 将 光标 置 于 第 一 个 字段 ,选择 “常规 ”标签 ,在 “字段 大 小 ”文本 框 中 输入 8, 然 后 单 
击 “ 输 入 掩 码 " 后 的 国 | 按钮 ,弹出 “输入 掩 码 向 导 ” 对 话 框 ,如 图 5. 5 所 示 。 


Te 
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3. 选择 “身份 证 号 码 ” 列 表 项 , 单 击 “ 下 一 步 "按钮 。 在 “输入 掩 码 "文本 框 中 输入 8 个 
0(00000000) ,在 “ 占 位 符 ”" 下 拉 列 表 框 中 选择 “# ”号 ,这 样 即 可 保证 在 输入 id 字段 时 只 能 
输入 8 个 数字 (0 一 9) ,如 图 5.6 所 示 。 


请 渤 近 所 逢 的 输入 掩 码 : TERCER BONS ARIS: 

如 要 查看 所 选 掩 码 的 效果 ， 请 使 用 “尝试 ” 框 。 输入 掩 码 名 称 : 用 户 定义 的 

加 要 更 改 输入 掩 码 列表 , 请 单 击 “RENE” BE BARE: pooo — 
HARB: 数据 查看 : 

政 编码 100080 [-] 请 指定 该 字段 中 所 需 显示 的 占 位 符 : 

身份 证 号 码 (15 或 18 fr) 110107680603121 

mu T aee BEPRATEN, 
长 日 其 1996/4/24 占 位 符 : 4 E: 

长 日 期 中文 ) 1996 年 4 月 24 日 

46 FIR (中立 1 REAR f 

aw | 

L Co 
编辑 列表 | m | < 上 一步 和 | 下 一 步 如 >》| 完成 四 Ba | 《上 - 步 @ | 下 - 步 中 >| zo | 


图 5.5 “输入 掩 码 向 导 ” 对 话 框 1 图 5.6 “输入 掩 码 向 导 ” 对 话 框 2 


4. 单 击 * 下 一 步 "按钮 。 选 择 * 像 这 样 不 使 用 拖 码 中 的 符号 " 单 选 按钮 ,如 图 5.7 所 
示 。 单 击 * 下 一 步 " 按 钮 ,再 单 击 “完成 "按钮 完成 拖 码 
格式 的 设置 。 

5. 在“ 必 填 字段" 中 选择 “是 ”, 其 他 采用 上 默认 值 . 
至 此 完成 了 id 字段 属性 的 设置 。 

6 依次 完成 其 他 字段 的 属性 设置 。 其 中 性别” 
字段 的 默认 值 设 为 True。 Ca 

【操作 3】 使 用 数据 表 视 图 编辑 表 记 录 le 

1. 选择 user 表 , 单 击 “ 打 开 ” 按 钮 ,打开 该 表 的 数 ” 图 5.7 “输入 掩 码 向 导 ” 对 话 框 3 
据 表 视图 。 

2. 在 数据 表 视 图 中 输入 几 条 记录 ,如 图 5. 8 所 示 。 
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J 文件 四 ”编辑 视图 WD MAO EEO BIY IAV SOW 
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记录 : i| «| s inps 共有 记录 数 :5 
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图 5.8 数据 表 视图 中 输入 记录 


3. 输入 过 程 中 ,可 以 根据 需要 对 记录 进行 各 种 操作 。 例 如 , 单 击 记 录 ” 菜 单 中 的 “得 


选 选 项 ,其 中 有 * 按 窗 体 筛 选 "“ 按 选 定 内 容 筛 选 "“ 内 容 排除 筛选 "“ 高 级 筛选 /排序 "等 
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功能 ,如 图 5.9 所 示 。 


WE Microsoft Access - [user: 表 ] 


: 口 文件 四 SED UEV FAU 格式 四 [PRIA SOW WHW 
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图 5.9 表 记 录 选 项 功能 


4. 输入 过 程 中 如 发 现 有 错 , 可 将 光标 移 至 错误 处 进行 编辑 修改 。 

5. 输入 完毕 单 击 “保存 "按钮 进行 表 的 保存 。 T 
如 果 保 存 后 还 要 添加 新 记录 ,可 重新 进入 数据 表 EISREM IUE. 
视图 , 单 击 工具 栏 上 的 辆 按钮 进行 新 记录 的 添 | 以 "E 
加 。 如 果 要 删除 某 条 记录 ,可 将 光标 置 于 该 行 , 单 zo | 
击 工具 栏 上 的 国 | 按 钮 ,系统 弹出 如 图 5. 10 所 示 
的 提示 框 , 单 击 “ 是 ”按钮 可 完成 记录 的 删除 。 图 5. 10 删除 确认 杠 
【小 结 】 

Microsoft Access 作为 新 一 代 关 系 型 数据 库 管 理 系统 ,运行 于 Windows 平台 之 上 ,其 
功能 及 适用 性 都 十 分 强 , 实 现 了 计算 机 * 易 于 使 用 ”的 特点 。 用 户 只 须 在 向 导 (Wizard) 的 
提示 下 进行 简单 的 操作 ,就 可 以 设计 出 一 个 基本 的 数据 库 系统 。 目 前 ,使 用 Access 数据 
库 软件 的 用 户 越 来 越 多 ,使 Access 逐步 奉 代 了 其 他 数据 库 软件 ,成 为 市 场 上 的 主导 产品 。 
如 果 要 建立 一 个 中 小 型 的 电子 商务 网 站 ,建议 选用 Microsoft Access 2000 或 者 Microsoft 
Access 2003 来 作为 后 台数 据 库 。 

本 次 实 训 学 习 了 Access 2003 数据 库 的 基本 操作 ,应 该 掌握 数据 库 及 表 的 创建 方法 ， 
熟悉 数据 库 的 修改 与 删除 操作 及 字段 属性 的 设置 方法 ,掌握 用 数据 表 视 图 编辑 表 记 录 的 
操作 方法 。 

【思考 题 】 

. 数据库 与 表 的 关系 是 什么 ? 

.什么 是 数据 库 表 ? 什么 是 自由 表 ? 两 者 能 否 相互 转换 ? 

什么 是 主键 ? 如 何 确定 一 个 表 的 主键 ? 

. 表 的 字段 类 型 有 哪些 ?各 有 什么 特点 ? 

. 如何 使 用 掩 码 来 输入 字段 ?请 自己 练习 。 

什么 是 视图 ? 如 何 使 用 视图 编辑 表 ? 

. 什么 是 空 值 ? 空 值 在 数据 库 中 有 什么 重要 作用 ? 

.假设 要 你 设计 一 个 图 书 购物 网 站 ,你 应 该 如 何 设计 网 站 的 数据 库 ? 具体 要 有 几 个 
表 ? 请 课 后 思考 并 练习 。 


o -0 cgi 9 wm -— 
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实 训 22. SQL Server 数据 库 . 表 的 创建 与 管理 


【 实 训 前 的 准备 】 

1. 检查 系统 中 是 否 安装 了 SQL Server 2000。 

2. 在 D 盘 中 创建 一 个 新 文件 夹 ,名 称 为 student. 
【 实 训 目的 要 求 】 

1. 掌握 SQL Server 2000 数据 库 的 创建 方法 。 

2. 熟悉 数据 库 的 修改 与 删除 操作 。 

3. 掌握 数据 库 表 的 创建 方法 。 

4. 掌握 表 数 据 的 操作 方法 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 向 导 方 式 创建 SQL Server 数据 库 

1. 打开 SQL Server 2000 企业 管理 器 。 

2. 在 "工具 ?菜单 中 ,选择 “向 导 ” 命 令 , 打 开 选 择 向 导 对 话 框 ,并 选择 “创建 数据 库 向 
导 ” 列 表 项 ,然后 单 击 “ 确 定 ” 按 钮 ,如 图 5. 11 所 示 。 

xl 


请 演 择 要 使 用 的 向 导 : 


注册 服务 器 向 导 
日 数据 库 


创建 存储 过 程 向 导 
创建 登录 向 导 
创建 视图 向 导 


创建 数据 库 向 导 
创建 索引 向 导 


图 5. 11 “选择 向 导 ” 对 话 框 


3. 在 接着 弹出 的 “欢迎 使 用 向 导 ” 对 话 框 中 单 击 “ 下 一 步 ” 按 钮 ,显示 如 图 5. 12 Bros 
的 对 话 框 。 在 该 对 话 框 中 输入 数据 库 的 名 称 为 顾客 .数据 库 文 件 位 置 和 事务 日 志文 件 位 
置 均 为 D:\student\。 单 击 “ 下 一 步 ” 按 钮 继续 。 
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可 
命名 数据 库 并 指定 它 的 位 置 
按照 标识 符 的 规则 指定 数据 库 名 称 。 为 数据 库 键 入 或 选择 一 个 位 置 . = 8a = 


ENT 
图 5.12 数据 库 命名 及 存放 位 置 对 话 框 


4. 指定 数据 库 文件 的 初始 大 小 。 系 统 默认 的 初始 大 小 是 1IMB, 对 于 电子 商务 网 站 ， 
如 果 顾 客 数量 大 ,可 将 数据 库 文件 的 初始 大 小 设 成 2~4MB, 如 图 5. 13 所 示 。 单 击 * 下 一 
步 "按钮 继续 。 

E 


命名 数据 库 文件 
ipeuicr asd -TRETINE 指定 每 个 文件 的 初始 大 G 
小 。 s 


数据 库 文件 D} 


< HEE) 取消 


图 5.13 指定 数据 库 初始 大 小 对 话 框 


5. 接着 弹出 “定义 数据 库 文件 的 增长 ”对 话 框 ,如 图 5. 14 所 示 。 选 择 “ 数 据 库 文件 自 
动 增长 ” 单 选 按 钮 ,这 样 当 数 据 文件 不 够 大 时 .SQL Server 可 以 自动 增加 。 增 长 的 方式 有 
两 种 ,一 种 是 “ 按 兆 字 节 (MB)” 方 式 增长 ,如 每 次 增长 1MB; 另 一 种 是 “ 按 百 分 比 ” 增 长 ， 
如 一 次 增长 原 大 小 的 10%. 

6. 下 一 个 对 话 框 是 要 输入 日 志文 件 的 大 小 ,日 志 的 大 小 应 该 是 数据 文件 的 25% 左 
右 , 最 小 值 为 1MB, 然 后 单 击 “ 下 一 步 "按钮 。 
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定义 数据 库 文 件 的 增长 
库 文件 是 否 应 该 自动 增长 ， 或 者 仅 在 您 扩大 数据 库 文件 时 才 可 以 


图 5. 14 “定义 数据 库 文件 的 增长 ”对话 框 


7. 接着 弹出 “定义 事务 日 志文 件 的 增长 ”对话 框 ,如 图 5. 15 所 示 , 其 选项 同 前 面 
所 述 。 


定义 事务 日 志文 件 的 增长 
日 志文 件 应 该 自动 增长 ， 还 是 疏 在 您 扩大 事务 日 志文 件 时 才 可 以 


图 5.15 “定义 事务 日 志文 件 的 增长 "对话 框 


8. 最 后 一 个 对 话 框 显示 所 有 选项 的 清单 .如 图 5. 16 所 示 。 验 证 无 误 后 , 单 击 “完成 ” 
按钮 ,系统 询问 “是 否 设置 数据 库 维 护 计划 ”。 如 果 不 需要 则 单 击 “ 否 "按钮 ,完成 数据 库 的 
建立 (维护 计划 可 以 以 后 添加 )。 

9. 打开 “企业 管理 器 ”, 查 看 创建 的 数据 库 , 如 图 5. 17 所 示 。 
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DETIIISIGU 1 X| 


正在 完成 创建 
数据 库 向 导 


您 已 经 完成 了 创建 数据 库 所 需 的 各 个 步骤 。 该 数据 库 的 
定义 如 下 所 示 。 


库 文件 是 : 
Datas 大 小 为 1 
EET HS 10 儿 的 比例 自动 增长 。 


<stso a ww | 


图 5.16 完成 “创建 数据 库 向 导 ” 对 话 框 


"in SQL Server Enterprise Manager - [控制 台 根 目录 \Microsoft SQL Servers\SsQL Server dii (local? 
"ip xD RED SEV IAD SOW Wo) | e18124 
e [emm agg Gm 
[2 控 制 台 根 目录 <] | 顾客 10 个 项 目 
E Microsoft SQL Servers 
E gj SA server i 
Ei ly (local) (Windows NT) 
日 国 数据 库 


EE 
mig ee 
EE | 


WAP ELMAR 


FEER 


图 5.17 在 “企业 管理 器 "查看 创建 的 数据 库 


【操作 2】 用 企业 管理 器 直接 创建 SQL Server 数据 库 

1. 打开 SQL Server 2000 企业 管理 器 。 

2. 在 数据 库 图 标 上 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选择 “新 建 数 据 库 ”选项 , 即 
会 弹出 如 图 5. 18 所 示 的 对 话 框 。 

3. 指定 数据 库 的 名 称 。 

4. 单 击 “ 数 据 文件 "标签 ,在 “数据 文件 ”选项 卡 中 指定 数据 库 文件 的 名 称 、 存 储 位 置 、 
初始 容量 大 小 和 所 属 文件 组 .数据库 文件 大 小 增长 方式 和 容量 限制 等 设置 ,如 图 5. 19 所 示 。 


X 
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REFE- RS 


REFE- RE 


*m 。 数 和 文件 | 事务 日 志 | 


图 5. 19 数据 库 属性 对 话 框 “数据 文件 选项 卡 


5. 单 击 “ 事 务 日 志 ” 标 签 ,在 “事务 日 志 ” 选 项 卡 中 指定 事务 日 志文 件 的 名 称 、 存 储 位 
置 和 初始 容量 大 小 ,进行 事务 日 志文 件 大 小 增长 方式 和 容量 限制 设置 。 设 置 完 毕 单 击 “ 确 
定 ” 按 钮 完成 数据 库 创建 ,如 图 5. 20 所 示 。 


xi 
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*H mex 事务 日 志 | 


事务 日 志文 件 (&T] 
= 


区 人 名 0 [EE 


C:\Program Files\Microsoft S. 


1 


[we] om] nm] 
[85.20 数据 库 属性 对 话 框 "事务 日 志 ” 选 项 卡 


【操作 3】 数据 库 的 修改 与 删除 


1. 打开 企业 管理 器 , 右 击 “ 顾 客 ” 数 据 库 ,在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ,弹出 
如 图 5. 21 所 示 的 对 话 框 。 
常规 


ad 
数据 文件 | 事务 日 志 | 文件 组 | 选项 | 权限 | 
数据 库 文件 


Y 分 配 的 空间 (MB) 
[HE Data D:Astudent NBI Data... 1 


PRIMARY 


文件 属性 


HRE) 
T 文件 自动 增长 加 
文件 增长 一 一 一 一 一 一 一 一 [最大 文件 大 小 
C 按 兆 宇 节目 po G 文件 增长 不 受 限制 山 
C 按 百 分 比 B} o e pec E d 


图 5.21 


顾客 数据 库 属 性 对 话 框 


电子 商务 网 站 建设 与 管理 实 训 (第 2 版) 


2. 顾客 数据 库 属 性 对 话 框 有 6 个 标签 ,可 以 根据 需要 对 数据 库 的 一 些 属性 进行 方便 
的 修改 。 如 需要 扩大 “顾客 ”数据库 分 配 的 空间 ,只 须 在 “分 配 的 空间 LMBJ]” 单 元 中 输入 
所 需 的 新 空间 即 可 ,如 输入 2。 还 可 以 更 改 文件 增长 方式 ,如 改 成 “ 按 2MB” 方 式 增长 ,如 
图 5.22 所 示 。 
E: 
常规 。 数据 文件 | 事务 日 志 | 文件 组 | 选项 | 权限 | 
数据 库 文件 


= 
D-studeniNB E. Data. 


顾客 _Dala 


me | 
文件 改 性 
文件 自动 增长 
文件 增长 一 一 一 一 一 一 一 一 | 最 大 文件 大 小 
CEXTS] p 0: (6 文件 增长 不 有 限制 
cssswp [v 4 upon BR F 


图 5.22 更 改 数据 文件 属性 对 话 框 


3. 同样 可 以 选择 “事务 日 志 ” 标 签 ,更 改 事务 日 志 大 小 及 文件 增长 方式 ,修改 完毕 单 
击 按 “ 确 定 ” 按 钮 保存 所 做 修改 。 

4. 当 一 个 数据 库 不 再 需要 时 ,可 以 将 其 删除 。 删 除 方法 是 : 进入 企业 管理 器 窗口 ， 
选中 要 删除 的 数据 库 , 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选择 "删除 命令。 删除 过 程 如 
图 5.23 所 示 。 


Qocal) Windows NT) 
- 0 数据 库 


AsL pew , 
* Cg 复制 

POEM, FREIO , 
sCHEBH so , 
anete) 从 这 里 创 尘 窗口 人 D 


E 
2) a EBESREETEST 


Suse. F 为 数 掺 库 册 除 备份 并 还 原 历史 记录 加} 


RES i x 


帮助 0D 


图 5.23 删除 数据 库 操作 
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【操作 4】 数据 库 表 的 建立 

1. 打开 企业 管理 器 ,选中 先前 建立 的 “顾客 ?数据 库 。 

2. 展开 “顾客 "文件 夹 , 选 择 “ 表 ”并 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 选择 “新 建 
表 ” 命 令 , 即 会 出 现 如 图 5.24 所 示 的 对 话 框 。 


图 5.24 “新 建 表 ” 对 话 框 


3. 在 “ 列 名 ”文本 框 中 输入 “顾客 编号 "作为 字段 名 称 ,在 “数据 类 型 "的 下 拉 列 表 中 选 
TE char 作为 此 字段 的 数据 类 型 ,长 度 设 为 8. 再 在 “允许 空 ”处 单 击 ,设置 为 “不 允许 为 空 ”。 
如 图 5.25 所 示 。 


图 5.25 数据 库 表 的 新 建 操作 
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4. 单 击 工具 栏 上 的 “设置 主键 图标 ,将 "顾客 编号 字段 设 为 数据 库 表 的 主键 。 主 键 
的 标志 是 前 面 有 一 把 钥匙 状 图 标 。 
5. 重复 步骤 3, 输 入 表 的 其 他 字段 ,直到 全 部 完成 ,如 图 5. 26 所 示 。 


"fn SQL Server Enterprise Manager - [iE customer", fir RE tpe e 
"£j XO FOW WD 


否 


database default? 


图 5.26 数据 库 表 的 结构 


6. 字段 输入 完毕 , 单 击 “ 保 存 ” 按 钮 ,输入 表 


xi 
名 customer, 并 单 击 “ 确 定 ” 按 钮 保存 ,如 图 5. 27 — mao: 
所 示 。 Em NENNEN 
取消 LI 


【操作 5】 表 的 数据 操作 

1. 打开 企业 管理 器 ,选择 “顾客 ”数据库 下 图 5.27 输入 表 名 
的 “ 表 ” 选 项 ,在 右 侧 的 列表 中 选中 表 customer. 

单 击 鼠 标 右键 , 在 弹出 的 快捷 菜单 中 选择 “打开 表 ” 一 “返回 所 有 行 ”命令 ,如 图 5. 28 
所 示 。 

2. 在 显示 的 表 数 据 操作 窗口 中 进行 记录 的 添加 。 依 次 输入 “顾客 编号 ”“ 注 册 ID”、 
"EI" “注册 日 期 *“ 年 龄 "“ 联 系 电 话 ”“ 地 址 ”各 字段 的 具体 内 容 , 每 完成 一 个 字段 , 按 
Enter 键 即 可 。 此 处 暂 输 入 4 条 记录 ,如 图 5. 29 所 示 。 

3. 更 改 记录 内 容 : 类 似 于 添加 操作 ,只 须 将 光标 定位 于 要 修改 的 字段 值 处 ,重新 输 
入 即 可 。 

4. 删除 记录 : 在 图 5. 29 所 示 的 窗口 中 ,将 光标 定位 在 要 删除 的 行 上 ,此 行 前 面 有 一 
个 三 角 符 ,此 时 应 该 反 亮 显示 。 单 击 鼠标 右键 ,在 弹出 的 快捷 菜单 上 选择 "删除 ?命令 ,在 
弹出 的 确认 对 话 框 中 单 击 “ 是 ”按钮 即 可 删除 该 记录 。 如 图 5. 30 所 示 。 
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QL Serve erprise Manag ITE TIE osoft SQ ers SQL Server ocal) ados -|ni xj 
$O PEA SEV IAD SOW EHH | = 可 地 
CESIST-IEX-TES-1-I-JESEY TEE: 
三 ENGRHR zj% 21 个 项 目 
5 € Microsoft SQL serves [aa — — — [ERE [EH 1] 
E €i sq server 8 = 
Ei ly (oca) (Windows NT) js 
日 名 数据 库 = 设计 表 (5) 
Hd mater 2 o 
由 - 国 model OO Meu 
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由 Northwind FE 
3 d pus The BRE H 
E i * UXD 
&-l QL gi 
mig 成 绩 ro 
ay 顾客 
< 关系 图 
ga 
EE: 
mum 
BP 
角色 z 


iol xi 
TLO BOW WHD NTETES 
[SETT RY l K Ea 
注册 ID 性 别 注册 ET KERE 
20050001 abc123 男 2005-1-1 057188995678 
E: 02 Zu 
20050003 cd2005 男 2005-1-12 23 02189766666 广州 市 白云 区 
20050004 tree x 2005-1-12 24 05747897675 WIPE 
* 
图 5. 29 表 记 录 的 输入 
2d 
TERES 16. 
T) 单 击 "是 ' 即 可 永久 出 除 R T. SETANE. 
CE ww | ww | 
图 5.30 删除 确认 对 话 框 
【小 结 】 


Microsoft SQL Sever 2000 是 一 种 典型 的 具有 客户 机 /服务 器 体系 架构 的 关系 数据 
库 管理 系统 , 它 使 用 Transact-SQL. 语句 在 服务 器 和 客户 机 之 间 传 送 请 求 和 回应 。 
Microsoft SQL Sever 具有 可 靠 性 .可 伸缩 性 .可 管理 性 .可 用 性 等 特点 ,为 用 户 提供 了 完 
整 的 数据 库 解 决 方案 。Microsoft SQL Sever 2000 的 服务 器 环境 可 以 是 Windows 2000、 
Windows NT 或 者 Windows 9x, 其 客户 机 环境 可 以 是 Windows 2000, Windows NT. 
Windows 9x, Windows 5. x\MS-DOS 第 三 方 平台 和 Internet 浏览 器 等 。 另 外 ,Microsoft 


E 
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SQL Sever 2000 可 以 很 好 地 与 Microsoft BackOffice 产品 集成 。 如 果 要 建立 一 个 大 型 的 
电子 商务 网 站 ,建议 选用 Microsoft SQL Sever 来 作为 后 台数 据 库 。 

SQL Server 2000 功能 强大 ,能 有 效 地 通过 数据 库 和 表 来 管理 大 量 数据 。 本 次 实 训 
重点 是 掌握 SQL Server 2000 数据 库 和 数据 库 表 的 建立 方法 ,熟悉 数据 库 的 修改 与 删除 
操作 、 表 数据 的 操作 方法 。 这 些 都 是 SQL Server 2000 的 基本 操作 ,是 构建 一 个 大 型 电子 
商务 网 站 数据 库 的 基础 ,必须 熟练 掌握 。 


【思考 题 】 


l 


Microsoft SQL Sever 2000 和 Microsoft Access 2000 在 应 用 上 有 什么 区 别 ? 分 别 


用 于 什么 类 型 的 电子 商务 网 站 ? 


类 型 ? 


6. 
[^ 
8. 


2. SQL Server 2000 的 企业 管理 器 有 何 作 用 ? 
3. 
4 
5 


什么 是 数据 库 文件 自动 增长 ?如 何 设置 ? 


. 什么 是 事务 日 志文 件 ? 它 有 何 作用 ? 
. SQL Server 2000 的 数据 类 型 与 Access 2000 有 何不 同 ? 如 何 定 义 字 段 的 数据 


如 何 修改 SQL Server 2000 数据 库 表 ? 掌握 其 操作 步 又。 
什么 是 自动 编号 字段 ? 有 何 作 用 ? 
什么 字段 可 以 设 为 空 值 ? 主键 能 设 为 空 值 吗 ? 


实 训 23 SQL Server 数据 库 的 索引 与 查询 
【 实 训 前 的 准备 】 


2. 
【 实 训 目 的 要 求 】 
y 
创建 方法 。 


检查 上 次 设计 的 数据 库 和 数据 库 表 能 否 正常 使 用 。 
复习 SELECT 语句 的 语法 格式 。 


掌握 SQL Server 2000 数据 库 表 索引 的 


2. 熟悉 索引 的 管理 操作 。 masas S 
3. 掌握 数据 库 表 的 查询 方法 。 pom 


【 实 训 内 容 及 操作 步骤 】 
【操作 1】 以 向 导 方 式 创建 索引 
3. 
择 上 次 实 训 建 好 的 表 customer, 
2. 
选择 “创建 索引 向 导 ” 列 表 项 .然后 单 击 “确定 ” 


打开 SQL Server 2000 企业 管理 器 , 选 


在 “工具 ”菜单 中 ,选择 向导” 命令 ,并 


按钮 ,如 图 5. 31 所 示 。 图 5.31 创建 索引 向 导 
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3. 在 弹出 的 “欢迎 使 用 向 导 ? 对 话 框 中 单 击 “下 一 步 ? 按 钮 ,显示 如 图 5. 32 所 示 的 “ 选 
择 数据 库 和 表 ? 对 话 框 。 单 击 “ 下 一 步 "按钮 继续 。 


创建 素 引 向 导 - (local) ci xj 
选择 数据 库 和 表 
选择 数据 库 和 表 未 进行 来 引 。 图 


对 象 名 加 
customer X 


《< 上- 步 名 取消 


图 5.32 “选择 数据 库 和 表 ” 对 话 框 


4. 接着 显示 “当前 的 索引 信息 ”对 话 框 ,如 图 5. 33 所 示 。 单 击 “ 下 一 步 ” 按 钮 继续 。 


创建 索引 训导 - (local) MS xi 
当前 的 索引 信息 
查看 所 选 对 象 中 的 索引 。 El 


PK, customer 

WA, Sys 注册 ID_15502E78 
-WA, Sys 性 别 _15502E78 
_WA_Sys 注册 日 期 _15502E78 
_WA_Sys_ 年龄 _15502E78 
_WA_Sys_ 联系 电话 _15502E78 
_WA_Sys 地 址 _15502E78 


D 3 my Dy ny iE] 


«r-se[r-s»?»] mi 


图 5. 33 “当前 的 索引 信息 ”对 话 框 


5. 显示 “选择 列 ” 对 话 框 ,在 此 选择 “顾客 编号 ” 列 , 如 图 5. 34 所 示 。 单 击 “ 下 一 步 ” 按 
钮 继续 。 

6. 显示 “指定 索引 选项 ”对 话 框 ,在 “填充 因子 ”选项 组 中 选择 “最 佳 ” 单 选 按钮 ,如 
图 5. 35 所 示 。 单 击 “ 下 一 步 ” 按 钮 继续 。 

7. 在 显示 的 “正在 完成 创建 索引 向 导 ” 对 话 框 中 单 击 “ 完 成 ”按钮 完成 索引 的 创建 ,如 
图 5.36 所 示 。 
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创建 素 引 向 导 - (local) ISP xj 
选择 列 1 
选择 一 个 或 多 个 将 被 包含 在 索引 中 的 列 。 El 


BEZE ” 长度。 包 合 在 素 .| 排序 次 序 DESC) 


char 


注册 ID varchar 10 口 口 
性 别 char 2 口 au 
注册 日 期 datetime — 8 口 口 
F% tinyint 1 o a 
联系 电话 varchar 18 口 口 
地 址 vacha — 30 n n 


《< 上 一 步 四 取消 


图 5. 34 “选择 列 ? 对 话 框 


创建 素 引 向 导 - (local) RE xj 


指定 素 引 选项 1 
ERR pommes 《 如 果 该 对 象 上 不 存在 束 集 索引 的 话 )。 还 可 EJ 
以 指定 填充 因子 ， 


属性 
F (X 5; 29958] M 《 该 对 象 已 有 一 个 聚集 索引 ) 


| 


图 5.35 “指定 索引 选项 ”对 话 框 


创建 素 引 向 导 - (local) Sc 


正在 完成 创建 
索引 向 导 


下 面 显示 了 包括 在 -customef E CE ME AEE 
中 ) BERE ESI PRI. 


£5 —[EmMATUTED 
包 合 的 列 IC 


E 


EFSM TD 
EN 
图 5.36 完成 索引 的 创建 
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ird 2) 用 企业 管理 器 创建 索引 


. 打开 SQL Server 2000 企业 管理 器 , 右 击 表 customer, 在 弹出 的 快捷 菜单 中 选择 
dt |” 命令 ,如 图 5. 37 所 示 。 


^f 文件 E) RED FEW IAD 窗口 (帮助 td) 
e |m] X &|x:* ^ 8 0 q$ ta 


| 1 控制 台 根 目录 
日 二 Microsoft SQL Servers 
E SA server i8 


Northwind 


E 
PE! 


E: 
e 


LESER Odh 


ü 
z 


图 5.37 索引 的 创建 


2. 弹出 “管理 索引 ?对 话 框 , 其 中 显示 所 有 现 有 的 索引 ,如 图 5. 38 所 示 。 


x 
加 选择 数据 库 和 表 ,以 创 娃 、 编 辑 或 出 除 其 案 引 。 
BEED Ü GE 了 
RARE) 5 [dbo] [customer] - 
D 包含 系统 对 象 G) 


现 有 索引 [E} 


* 2] 
seen. | men. | sew Esae] um 


图 5. 38 “管理 索引 ?对 话 框 
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3. 单 击 “新 建 ?按钮 ,打开 “新 建 索引 ?对 话 框 ,如 图 5. 39 所 示 。 


xi 
EP ER bol [customer ESER L RE] P) 上 新 建 索引 。 


索引 名 称 目 | 


» 
ERAF C: BEU STD) 
索引 选项 
T XExSIL 厂 ARRIO 
厂 唯一 值 N] T- peg] 
三 AR SERIE TG] T 填充 因子 [EF} oa 


厂 不 重新 计算 统计 不 推荐 使 用 ) (5) 
T 文件 组 IO | ET 


mao | M |  - | 


图 5. 39 “新 建 索引 ?对 话 框 


. 在 “索引 名 称 ” 文 本 框 中 输入 索引 的 名 称 , 如 customer. Index 2.7E" 1" £i E1 rp3* 
hee 引 的 列 ,可 以 选择 多 列 , 单 击 “确定 ?按钮 完成 新 索引 的 创建 ,如 图 5. 40 所 示 。 


x 
PE] ER tbolleustome]( 在 数据 库 [ 顾客 ] 中 ) 上 新建 索引 。 


ES SU: customer. Index 2 一 


园 排序 次 序 (DE.. | 数据 类 型 [| 
char 
口 varchar 
口 char 
f datetime 
r varchar 
varchar zj 
[d 
更 改 列 顺序 [C} “ŁU ÉFO) 
RIEM 
F 聚集 索引 已 厂 填充 索引 上 
Iv RE—IBINI T REGI 
T 忽略 重复 的 值 (6] T 填充 因子 FE EJ E 


T 不 重新 计算 统计 ( 不 推荐 使 用 ) (5) 
厂 文件 组 (0} [Fein 


-—— — Jr 9 o9 | 


图 5.40 创建 新 索引 
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5. 此 时 “管理 索引 ”对 话 框 中 显示 新 建 的 索引 ,如 图 5. 41 所 示 。 


x 
[ml 选择 数据 库 和 表 , UBER. (uiis HPRX XS. 


SERD ue 可 
summo 
D 包含 系统 对 象 G) 


* 2j 
ssu. | au xc) L7] 
图 5.41 显示 新 建 的 索引 


【操作 3】 索引 的 管理 

在 图 5. 38 所 示 的 “管理 索引 ”对 话 框 中 可 实现 对 现 有 索引 的 “编辑 "和 “删除 ”操作 。 

如 要 删除 一 个 索引 ,可 将 光标 置 于 该 索引 行 , 单 击 * 删 除 ? 按 钮 ,弹出 “删除 确认 ”对 话 
框 , 单 击 * 是 ?按钮 可 删除 不 要 的 索引 ,如 图 5. 42 所 示 。 


E 
EH 选择 数据 库 和 表 ， 以 包 建 、 编 辑 或 册 除 其 索引 。 


数据 库 [D} [bm | s 
URB Eidbo] [customer] X 
D 包含 系统 对 象 [6) 

MARIE 

RR ā A 05 53] 
PK, customer 是 顾客 编号 
customer Index 1 5 顾客 编号 
customer Inde? 

x 


BN 确实 要 贡 除 本 索引 吗 ? 


: » 
AEN). 编辑 中 | HRU 关闭 四 | ER 


图 5.42 删除 一 个 索引 
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如 要 编辑 一 个 索引 ,可 将 光标 置 于 该 索引 行 , 单 击 “ 编 辑 ? 按 钮 ,在 弹出 的 窗口 中 进行 
索引 编辑 。 


【操作 4】 使 用 SQL 查询 分 析 器 进行 表 的 查询 

l. 在 企业 管理 器 中 选中 前 面 已 建立 的 表 customer。 

2. 在 “工具 ”菜单 中 ,选择 "SQL 查询 分 析 器 ”命令 ,进入 如 图 5. 43 所 示 的 “SQL 查询 
分 析 器 ”窗口 。 


站 
文件 (E) dm) 查询 (9) IAD 窗口 (W) WHD 


|&à-dgE|xcemAjo|m-v»mlms 可 [NI-T-] 
对 象 浏览 器 0) [二 arii — 0520003880520 0vmer — Ax 


Ej p52000 (P52000\0wner v 


图 5. 43 "SQL 查询 分 析 器 ”窗口 


3. fE" SQL 查询 分 析 器 "窗口 中 输入 : 


SELECT * FROM CUSTOMER 


然后 单 击 工具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 1, 如 图 5. 44 所 示 。 
4. 在 “SQL 查询 分 析 器 ”窗口 中 输入 : 


SELECT 顾客 编号 ,注册 ID AS 用 户 名 ,年龄 FROM CUSTOMER 


然后 单 击 工具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 2, 如 图 5. 45 所 示 。 
5. 在 “SQL 查询 分 析 器 ”窗口 中 输入 : 


SELECT x FROM CUSTOMER WHERE 性 别 = ' 男 ' 


然后 单 击 工 具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 3, 如 图 5. 46 所 示 。 
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ioi 
ZD RRO HIO TAD SOW EID 


|B-c ME emAaeojm-v»rsalgüs:  .-]auwacíws 


查询 — PS2000. 8 PS2000 Owner 一 无 标题 1* 
SELECT * FROM CUSTOMER] 


| BERS GGHID 性 别 注册 日 期 ES 联系 电话 

20050001 abc123 $ 2005-01-01 00:00:00.000 20 057188995678 浙江 杭州 西湖 区 庆 丰 小 区 三 蛋 
20050002 love Jr 2005-01-11 00. 00.000 19 02185673217 上海 市 重庆 南路 220 号 
20050003 cd2005 $ 2005-01-12 00. 00.000 23 02189786666 广州 市 白云 区 

20050004 tree X — 2005-01-12 00:00:00.000 24 05747897675 浙江 宁波 


由 Ca RRHH 
iC text 和 image 函数 
由 国 行 集 


Pszoo0 (8.0) Psznoowner(sz) 顾客 [0:000 is nA 用 
| Es: T [T [| A 


图 5.44 查询 结果 1 


ixi 
Xp) 编辑 (E) Fo) IAD HOW 帮助 (H) 


|à-G ME: vA o[m-v» n [0E -| asal eE 
NEAR OW EIE aig — Ps2000.&.P52000\0wmer — 5881 


Bj P52000 Ps2000\Owner w! 


PS2000 
由 master 

8C. model 

由 -局 sdb 

由 LJ Northwind 
Bj pubs 


$9 C) 数学 函数 20050001 abc123 20 
camem 20050003 cd2005 23 
LEE Ed 20050002 love 19 
9 C) 安全 函数 20050004 tree — 24 


saspe EA [s2000 (8.0) Psz000Owner(s2) 顾客 [0:000 f AOAN 2 
I EE: [ [T T z 


图 5.45 查询 结果 2 
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LEETLILIJ =x 
XO REO FIO IAD SOW FWD 


2-500 t oQgA Nv» s [Juss z] esu cm 


ELI ES] [eria — pszo00388: 52000 Over 无 标题 1* -ioj xi 
SELECT * FROM CUSTOMER WHERE 


{E 152000 P52000\0wner | 


由 Dasar 1 20050001 abc123 $ 2005-01-01 00:00:00.000 20 057188995678 浙江 杭州 西湖 区 庆 丰 小 区 三 幅 
由 C) Rada 2 |20050003 cd2005 $ — 2005-01-12 00:00:00.000 23 02189786666 广州 市 自 云 区 


由 C) RSS HUE 
中 国有 aseet [4 
eO 8: 
rp 

` 加 | or 
PIPTSL CNN 3 Jpsz000 (8.0) Pseoooweer(so) 顾客 [00000 43 Ki A 7 
i EE: [ | | 


EA 


6. 在 “SQL 查询 分 析 器 "窗口 中 输入 : 


SELECT x FROM CUSTOMER WHERE 年 龄 BETWEEN 18 AND 20 


然后 单 击 工具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 4, 如 图 5.47 所 示 。 


;-Ipi xi 
XRO RRO MIO IAD EOW WWD 


dE) SeBIHAJO|- v» aos Jaga im 
对 象 训 览 器 W XI[EETEZZTLIZTTITTEEDLT lolx 


B P5200 sz ser | SELECT > FROM CUSTOMEK WHERE M BEIVEEN 18 AND 20 
E] PS2000 

H- vester 

Dr. noder 

由 上 ni 

H-U Northwind 


由 C] 日 央 和 时 间 函 数 lom mi E TUNCNTICUME 
由 -加 数学 函数 20050001 abc123 $ 2005-01-01 00:00:00.000 20 057188995678 浙江 杭州 西 潮 区 庆 丰 小 [ 
四国 来 合 函数 = 20050002 love Jr — 2005-01-11 00:00:00.000 19 02185673217 上海 市 重庆 南路 220 号 


由 Cp RSS 

5 C text 和 inaze 函数 
由 - 回 行 集 

由 -上品 系统 数据 类 型 


sapag —— ELM Jpsz000 (8.0) PS2000Owmer(s2) 顾客 [0:00:00 i; K11.5/s0 ”及 
pema as [ 


EA 


图 5.47 查询 结果 4 
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7. 在 “SQL 查询 分 析 器 ”窗口 中 输入 : 
SELECT * FROM CUSTOMER WHERE 注册 日 期 NOT BETWEEN'2005-1-1 'AND'2005-1-10" 
后 单 击 工 具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 5, 如 图 5.48 所 示 。 
8. JE" SQL 查询 分 析 器 ”窗口 中 输入 : 
SELECT x FROM CUSTOMER WHERE 注册 ID LIKE' % 123" 

后 单 击 工 具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 6, 如 图 5.49 所 示 。 
9. 在 “SQL 查询 分 析 器 ”窗口 中 输入 : 
SELECT * FROM CUSTOMER WHERE 注册 ID IS NOT NULL 

后 单 击 工具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 7, 如 图 5. 50 Brzn o 
10. 在 “SQL 查询 分 析 器 ”窗口 中 输入 : 
SELECT * FROM CUSTOMER ORDER BY 性 别 
eredi 执行 查询 ”按钮 ,将 显示 查询 结果 8, 如 图 5.51 所 示 。 

. 在 “SQL 查询 分 析 器 "窗口 中 输入 : 

SELECT RVG( 年 龄 ) AS 男 顾客 的 平均 年 龄 FROM CUSTOMER WHERE 性 别 = ' 男 ' 


然后 单 击 工具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 9, 如 图 5. 52 所 示 。 


-Inixi 
文件 (E) RKO HKO IAD FOW RAD 

|B-G ME) v m&rmajeo|m-jv»nmi[ues Jage se 
ROUES O XI[EETEZZTLIZTTITTEEDCT 


Ej 252000 (P52000\0wner v 


C) 
EH 
£ 
E 


数 
日 期 和 时 间 函 数 
数学 函数 


| 联系 电话 ”| 地 址 O 
000 19 02185673217 上 海 市 重庆 南路 220 号 
000 23 02189786666 广州 市 白云 区 
000 24 05747891675 浙江 宁波 


20050002 smn Jr 2005-01-11 00: 
20050003 cd2005 $ 2005-01-12 
20050004 tree Jt — 2005-01-12 00: 


El 
I] 
» 
[9m 


B 


系统 函数 
NEC UU 
text 和 image 函数 


güSEESSESSSt[ESESEESE 
证 二 下 


(a 


ybe —— ELILIM [Ps2000 (8.0) |Psz000\Owner (52) 顾客 [0:00:00 b (1.34173 7 
EE: lcars| | 


EZ 


5.48 查询 结果 5 


电子 商务 网 站 建设 与 管理 实 训 (第 2 版) 


[Esaa -oa 


XR) dee) 查询 (Q) IAD EOW 8250) 
|8B-z ME) c emmAjo|m-v»nl[0ss  .-jasaidÁms 

zax 
E 752000 (52000 0er SELECT » FROM CUSTOMER WHERE 注册 ID LIKE X125 E 
目 rszo00 
R- master 
HÅ model 
a- nsd 
H- Northwind 


[Imp od 20050001 abci23 $ 2005-01-01 00:00:00.000 20 057188995678 浙江 杭州 西湖 区 庆 丰 小 区 三 蛋 


EC text 和 image 函数 
eC 行 集 
e Ca abeant 


EE —— jpsz000 (8.0 Psz2000\owner (52) 顾客 [o:0:1 14 行 1, 列 生 7 


图 5.49 查询 结果 6 


PE 
文件 (E) AC) 查询 (Q) IAD 窗口 W) 9850 


PETC ODER asalae 


& 

由 

由 

由 

由 

由 

1 

iC 配置 函数 

由 -器 游标 函数 

由 C) 日 期 和 时 间 函 数 | mens | 注册 ID | 性 别 注 册 日 期 。 ”年龄 | 

$C 数学 函数 20050001 abc123 $ 2005-01-01 00:00:00.000 20 057188995678 浙江 杭州 西湖 区 庆 丰 小 区 三 虱 
回 到 全 函数 20050002 love Æ . 02185673217 ”上海 市 重庆 南路 220 号 
四 H retni 20050003 cd2005 S 

由 e 

DU CEPER 20050004 tree 女 

[INE 

oO 条 统统 计 函 数 

EC text 和 inaze 函数 

由 加 行 集 

LINE IL i Ld 


isis [ET] jpszo00 (8.0 |Psz000\Owner (52) 顾客 [0:00:00 Ki 21.3446 及 
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[Esaa 5 MT 


XR) dem) 查询 (Q) IAD EOW 82h00 
|B-aEgE eegal] a-v > nos aam 
gz 


HAARR O x| 


B 52000 52000\0wner v] | [SELECT > FRON CUSTOMER ORDER BY 


由 C) 数学 函数 70050001 abcl23 3 - 0571889905678 浙江 杭州 西湖 区 庆 丰 小 | 
m C) edm 20050003 cd2005 男 . 02189786666 ”广州 市 白云 区 
i Ca 元 数据 函数 20050004 tree — Jr : . 05747897675 “浙江 宁波 


20050002 love jt — 2005-01-11 00:00:00.000 19 02185673217 “上海 市 重庆 南路 220 号 
由 C) 字 符 串 函 数 


GC text 和 image 函数 
eC 行 集 
[IERI 


EE 0 (6.0) jpsz000\Owner (52) 顾客 [0:00:00 ”|4 行 行 1, 列 35 7 
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图 5.52 查询 结果 9 
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12. 在 “SQL 查询 分 析 器 ?窗口 中 输入 : 


SELECT MAX( 年 龄 ) AS 女 顾客 的 最 大 年 龄 . MIN( 年 龄 ) AS 女 顾客 的 最 小 年 龄 
FROM CUSTOMER WHERE 性 别 = ' 女 ' 


然后 单 击 工具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 10, 如 图 5. 53 所 示 。 
ij SQL 查询 分 析 器 
Xp) Sec) mus) IAD 窗口 (W) $89 


|[8B-G BE mE AO [E- v » s» [UE sz] ets Les Ea. 
HRARB W x| 


£ PS52000 (FS2000 Owner w 


查询 — PS2000.8 &.PS2000 Owner 一 无 标题 1* 
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mde 
c 
it 
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”区 硕 客 的 最 大 年 龄 女 顾客 的 最 小 年 龄 
1-24 19 


@ 
c] 
C text 和 inage 函数 
Os 
C) Riiie nt 


JPsz000 (3.0) Psz000\Owner (52) 顾客 [0:00:01 145 23.3027 7 
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图 5.53 查询 结果 10 


13. 在 “SQL 查询 分 析 器 ”窗口 中 输入 ， 

SELECT 性 别 ,COUNT( * ) AS 顾客 人 数 FROM CUSTOMER GROUP BY 性 别 
然后 单 击 工具 栏 上 的 “执行 查询 ”按钮 ,将 显示 查询 结果 11, 如 图 5. 54 所 示 。 

【小 结 】 

SQL 是 标准 的 数据 库 查询 语言 ,全 称 是 “结构 化 查询 语言 (Structured Query 
Language)", SQL 语言 结构 简洁 ,功能 强大 ,简单 易学 ,所 以 自从 IBM 公司 1981 年 推出 
以 来 ,SQL 语言 得 到 了 广泛 的 应 用 。 如 今 无 论 是 像 Oracle,Sybase,Informix, SQL Server 
这 些 大 型 的 数据 库 管 理 系统 ,还 是 像 Visual Foxpro. PowerBuilder 这 些微 机 上 常用 的 数 
据 库 开 发 系统 ,都 支持 SQL 语言 作为 查询 语言 。 

从 某 种 意义 上 说 ,SQL 很 简单 ,因为 每 个 接触 过 数据 库 的 人 都 会 使 用 ; 但 从 另 一 个 角度 
来 看 ,SQL 也 很 复杂 ,因为 要 想 编 写 出 简洁 、 高 效 的 SQL 语句 并 不 是 一 件 很 容易 的 事 。 

通过 以 上 的 实 训 ,应 该 掌握 SQL Server 2000 数据 库 表 索引 的 创建 方法 ,熟练 掌握 结 
构 化 查询 语言 SQL 的 使 用 方法 。 特 别 是 SELECT 语句 ,在 建立 电子 商务 网 站 的 时 候 要 
经 常 使 用 ,必须 熟练 掌握 。 
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图 5.54 查询 结果 11 


[5] 
pe 


. 什么 是 索引 ? 有 何 作用 ? 

. 如 何 创 建 和 管理 表 的 索引 ? 

. 如 何 使 用 查询 分 析 器 ? 

. 如 何 查询 表 中 姓 * 李 ”的 记录 ? 写 出 表达 式 。 

. 如 何 查询 表 中 名 字 中 有 * 李 ”的 记录 ? 写 出 表达 式 。 

.如 何 查询 表 中 年 龄 在 20—30 之 间 的 记录 ? 写 出 表达 式 。 
. 如 何 统计 表 中 男女 人 数 ? 写 出 表达 式 。 

. 如 何 统计 表 中 男女 记录 的 平均 年 龄 ? 写 出 表达 式 。 
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【 实 训 前 的 准备 】 
1. 检查 Windows 控制 面板 中 是 否 有 “数据 源 ODBC” 图 标 。 
2. 检查 系统 中 是 否 安 装 了 Dreamweaver MX 和 VB 6.0 软件 。 
【 实 训 目的 要 求 】 
1. 掌握 配置 Access 数据 库 和 SQL Server 数据 库 的 ODBC 数据 源 方法 。 


2. 掌握 Dreamweaver MX 连接 数据 库 的 方法 。 
3. 掌握 ODBC API 函数 。 


PP 


v 
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4. 掌握 ODBC 应 用 程序 开发 方法 。 
【 实 训 内 容 及 操作 步骤 】 
【操作 1】 配置 Access 数据 库 的 ODBC DSN 
1. 选择 ”一 “设置 ”>“ 控 制 面板 ”命令 ,弹出 “控制 面板 "窗口 。 
2. 双击 “管理 工具 ”图 标 ,弹出 “管理 工具 ”窗口 。 
3. 双击 “数据 源 ODBC” 图 标 , 弹 出 如 图 5. 55 所 示 的 “ODBC 数据 源 管理 器 ”对 话 框 。 
人 10DBC 数据 源 管理 器 31x|l 
MP nsu 系统 DSN | 文件 DSH | Sexe k | 跟踪 | 连接 池 | 关于 | 
系统 数据 源 G) ; 


SQL Server 


[LocalServer 
pan IL Server 
Triollotors Microsoft Access Driver ( mdb) 


4. 在 “系统 DSN” 选 项 卡 中 , 单 击 “ 添 加 ”按钮 ,选择 Microsoft Access Driver( * . mdb) 


列表 项 ,然后 单 击 “ 完 成 ”按钮 ,如 图 5. 56 所 示 。 
ES] 


选择 您 起 为 其 安装 数据 源 的 3E 动 程序 E)。 


Driver do Microsoft dBase (*. dbf) 
Driver do Microsoft Excel fy. xls) 
Driver do Microsoft Paradox (#.db ) 
Driver para o Microsoft Visual FoxPro 
Microsoft Access-Treiber (.mdb) 
Microsoft dBase Driver (*. dbf) 
Microsoft dBase VFP Driver (*.dbf) 
Microsoft dBase-Treiber (+. dbf) 


Microsoft Excel Driver (*. xls) 


图 5.56 创建 新 数据 源 


5. 弹出 *ODBC Microsoft Access 安装 ”对 话 框 。 在 “数据 源 名 ”文本 框 中 输入 配置 的 
DSN 名 称 , 如 panaccess, 后 面 的 应 用 程序 可 以 使 用 此 名 称 来 连接 指定 的 数据 库 ; 在 “说 
明文 本 框 中 输入 此 DSN 的 说 明文 字 ,也 可 不 输入 ,如 图 5. 57 所 示 。 
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图 5.57 “ODBC Microsoft Access 安装 ”对 话 框 


6. 单 击 “ 选 择 ” 按 钮 ,弹出 “选择 数据 库 ” 对 话 框 。 选 取 先前 建立 的 数据 库 “ 顾 客 . 
mdb”, 如 图 5. 58 所 示 , 单 击 “ 确 定 ” 按 钮 返回 。 


xi 
ERE BEES REG 
IR eT 
f student. w | 
厂 REW 
厂 独占 @) 
Access EE [27 m T z] 


图 5.58 “选择 数据 库 ? 对 话 框 


7. 此 时 *ODBC 数据 源 管理 器 ?对 话 框 中 显示 了 刚才 建立 的 系统 DSN, 如 图 5. 59 所 
示 。 单 击 “ 确 定 ” 按 钮 退出 。 


EE 
MP nsu 系统 DSN | 文件 nsu) eF 跟踪 | 连接 池 | 关于 | 


Triootors Microsoft Access Driver ( ndb) 


pan SQL Server [173 | 
Microsoft Access Driver k. mdb) 2 
BD... | 


ee TE i 


确定 取消 JR AT | 8 


5.59 建 好 的 系统 数据 源 
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【操作 2】 配置 SQL Server 数据 库 的 ODBC DSN 

1. 选择 “开始 ”>“ 设 置 ">“ 控 制 面板 ”命令 ,弹出 “控制 面板 ”窗口 。 

2. 双击 “管理 工具 ”图 标 ,弹出 “管理 工具 ”窗口 。 

3. 双击 “数据 源 ODBC” 图 标 , 弹 出 如 图 5. 60 所 示 的 “ODBC 数据 源 管理 器 ”对 话 框 。 


EE 
RIP DSH 系统 DSN | 文件 ps | 驱动 程序 | 跟踪 | 连接 池 | 关 于 | 
系统 数据 源 O: 


名 Bo... 
SQL Server 
pan SQL Server 删除 
Triollotors Microsoft Access Driver ( mdb) D 
ERO. 


图 5.60 “ODBC 数据 源 管理 器 "对 话 框 


4. 在 “系统 DSN” 选 项 卡 中 , 单 击 “添加 ”按钮 .选择 SQL Server 列表 项 , 单 击 “完成 
按钮 ,如 图 5. 61 所 示 。 


创建 新 数据 逢 xi 


Microsoft Text Driver (t. txt; *. esv) 
Microsoft Text-Treiber (k, tzt; #. csv) 
Microsoft Visual FoxPro Driver 
M: t Visual FoxPro-Treiber 

» 


图 5. 61 “创建 新 数据 源 ” 对 话 框 


5. 弹出 “Microsoft ODBC SQL Server 配置 ?对 话 框 。 在 “名 称 ” 文 本 框 中 输入 pan, 
后 面 的 应 用 程序 可 以 使 用 此 名 称 来 连接 指定 的 数据 库 ; 在 “服务 器 ”下 拉 列 表 框 中 选择 网 
络 中 存在 的 SQL Server 服务 器 ,如 图 5. 62 所 示 。 单 击 * 下 一 步 ? 按 钮 继续 。 

6. 选择 SQL Server 验证 方式 ,输入 “登录 ID” 和 “密码 ”, 如 SQL Server 的 通用 用 户 
sa, 如 图 5.63 所 示 。 
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m eso ME | 


图 5. 62 “创建 到 SQL Server 的 新 数据 源 ” 对 话 框 


创建 到 SQL Server HAREA E: 


SQL Server 应 该 如 何 验证 登录 ID HR? 
C 使 用 网 络 登 录 ID 的 Windows NT HFW. 
C 使 用 用 户 输入 登录 D 和 密码 的 SQL Server WEO). 
" 要 更 改 用 于 与 SQL Server 通讯 的 网 络 库 ， 请 单 击 “客户 端 配置 ” 


PR... 


xm | "oj 


图 5.63 SQL Server 验证 对 话 框 


7. 更 改 默认 的 数据 库 为 先前 建立 的 SQL Server 数据 库 “ 顾 客 ”, 如 图 5. 64 所 示 。 单 
击 两 次 “下 一 步 ” 按 钮 继续 。 

8. 最 后 显示 “ODBC Microsoft SQL Server 安装 ”对 话 框 ,可 单 击 “ 测 试 数据 源 ” 按 钮 
进行 连接 测试 ,成 功 后 单 击 “ 确 定 ” 按 钮 完成 数据 源 创 建 ,如 图 5. 65 所 示 。 


【操作 3】 Dreamweaver MX 连接 数据 库 

在 服务 器 端 建立 好 ODBC DSN 后 ,就 可 以 供用 户 在 Dreamweaver MX 中 开发 ASP 
应 用 程序 的 过 程 中 使 用 了 。 本 操作 的 前 提 是 已 经 在 Dreamweaver MX 中 定义 好 一 个 支 
持 ASP 的 站 点 。 如 还 没有 建立 此 站 点 ,可 启动 Dreamweaver MX, 新 建 一 个 支持 ASP 的 
站 点 。 站 点 的 主 目录 设 为 D:\student。 

以 下 是 Dreamweaver MX 连接 数据 库 的 步骤 。 

1. 启动 Dreamweaver MX ,在 其 浮动 面板 中 , 单 击 “应 用 程序 ”展开 按钮 ,打开 应 用 程 
序 面板 ,如 图 5. 66 所 示 。 


dts, 
N 


N 
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2. 在 “数据 库 ? 选 项 卡 中 , 单 击 恩 | 按 钮 ,弹出 如 图 5. 67 所 示 的 快捷 菜单 。 


创建 到 SQL Server HAREA Xi 
iv uE: 


厂 附加 数据 库 文件 名 0 


F ipea SQL 语 训 创建 | 时 行 仿 过 程 ， 并 删除 该 存储 过 程 


从 RASHA 0. 
€ SEREEN RREA QU. 
Tv 使 用 ANSI 引用 的 标识 符 QW)。 
Iv 使 用 ARSI HEE RARES QU. 
P EE SL Server 六 可用 ,请 使 用 晓 障 转 蓉 SUL. Server F)a 


om | w» | 


图 5.64 更 改 默认 的 数据 库 


ODBC Microsoft SQL Server 安装 ES 


图 5.65 ODBC 安装 对 话 框 


组 件 


服务 器 行为 | 组 件 


单 击 上 面 的 + BAAREN. 


图 5.66 Dreamweaver MX 应 用 程序 面板 图 5.67 快捷 菜单 
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3. 选择 “数据 源 名 称 ” 命 令 , 弹 出 “数据 源 名 称 (DSN)” 对 话 框 。 在 “连接 名 称 ” 文 本 框 
中 输入 连接 名 称 ,如 cnnpanaccess; 单 击 “ 数 据 源 名 称 ” 下 三 角 按 钮 ,选择 先前 建立 的 数据 
源 panaccess, 如 访问 数据 源 需 用 户 名 和 密码 ,在 相应 的 文本 框 中 输入 ,否则 不 输入 ,如 
图 5.68 所 示 。 


x 
ERE: famae: 
BEBER OSM: [panaceess 本 SEX... | oma | 
有 PS: — — —— mu | 

ER [1 

Dreamweaver 应 连接 :个 使 用 测试 服务 器 上 的 b] 
€— B sun 帮助 | 


图 5.68 “数据 源 名 称 (DNS) "对话 框 


4. 单 击 “ 测 试 ” 按 钮 ,测试 DSN 设置 是 否 正 确 , 如 果 
正确 ,会 出 现 如 图 5. 69 所 示 的 成 功 连接 脚本 信息 ; 否则 
要 检查 DSN 的 配置 .用 户 名 和 密码 是 否 正 确 。 Md For. 

5. 单 击 * 确 定 "按钮 退出 DSN 设置 ,就 可 以 看 到 * 数 
据 库 ?选项 中 多 了 一 个 代表 数据 库 连 接 的 图 标 
cnnpanaccess。 单 击 前 面 的 加 号 可 以 展开 连接 树 , 看 到 图 5.69 成 功 连接 脚本 信息 
数据 库 表 的 结构 ,如 图 5. 70 所 示 。 

6. 布 击 表 名 ,在 弹出 的 快捷 菜单 中 选择 “查看 数据 ”命令 (如 图 5.71 所 示 ) ,可 以 浏览 
该 表 的 所 有 记录 ,如 图 5.72 所 示 。 


Macromedia Dreamweaver MX 2004F] 


[I3 s mescs d 
A) 二 | 文档 类 型 : ASP VBScript 


日 国 cnpanaccess 
cC E * 


ELI Sc Nus duet 


Char 8. ml m 
Hh 注册 ID Char 18) EPEE 
Aa 性别 Boolean 2 Re MEE. 
Ro 注册 日 期 DBTines- DINEE... 
By 年 龄 (TinyInt 1) AE 
Hh. 联系 电话 (Char St 
Hh, 地 址 Char 50) 
PES - 
PECES TR ,& 
图 5.70 数据 库 表 的 结构 图 5.71 快捷 菜单 


在 Dreamweaver MX 中 连接 SQL Server 数据 库 的 方法 同上 ,请 读者 自己 练习 。 


【操作 4】 ODBC 应 用 程序 开发 
以 下 是 使 用 VB 6.0 开发 基于 SQL Server 数据 库 的 应 用 程序 的 实 训 。 步 骤 如 下 。 
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x 
1 1 05718895678 丁 
2 0 2005-1-11 19 02185673217 
3 20050003  cd2005 -1 2005-1-12 23 02189788866 
4 20050004 tree 0 2005-1-12 — 24 05747897675 浙江 宁波 


Lisa a) FTW 


图 5.72 “查看 数据 "对话 框 


1. 启动 VB 6.0, 创 建 一 个 新 的 标准 EXE 工程 ,进入 VB 开发 环境 。 

2. 在 默认 窗 体 Forml 中 添加 一 个 Grid 控件 Gridl。 再 添加 两 个 CommandButton 
控件 cmdQuery 和 cmdClose, 并 将 其 Caption 属性 分 别 设置 为 “查询 "和 “关闭”, 如 图 5. 73 
所 示 。 


| > LEi Formi (Fom) | 
39 


图 5.73 Forml 界面 


3. 在 工程 1 中 插入 一 个 模块 Modulel ,加 入 如 下 声明 语句 : 


Declare Function SQLAllocEnv Lib "odbc32.dll" (phenv&) As Integer 

Declare Function SQLAllocConnect Lib "odbc32.dll" (ByVal henv&. phdbc&) As Integer 

Declare Function SQLAllocStmt Lib "odbc32.dll" (ByVal hdbc&, phstmt&) As Integer 

Declare Function SQLConnect Lib "odbc32. dll" (ByVal hdbc&. ByVal szDSN $ . ByVal cbDSN % . 
ByVal szUID$ . ByVal cbUID € , ByVal szAuthStr $ . ByVal cbAuthStr $ ) As Integer 

Declare Function SQLColAttributesString Lib "odbc32.dll" Alias "SQLColAttributes" (ByVal 
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hstmt&. ByVal icol 和 当 ByVal fDescType* . ByVal rgbDesc As String. ByVal cbDescMax 5$. 
pcbDesc % , pfDesc&) As Integer 

Declare Function SQLDisconnect Lib "odbc32.dll" (ByVal hdbc&) As Integer 

Declare Function SQLExecDirect Lib "odbc32. dll" (ByVal hstmt&, ByVal szSqlStr $ , ByVal 
cbSqlStr&) As Integer 

Declare Function SQLFetch Lib "odbc32.dll" (ByVal hstmt&) As Integer 

Declare Function SQLFreeConnect Lib "odbc32.dll" (ByVal hdbc&) As Integer 

Declare Function SQLFreeEnv Lib "odbc32.dll" (ByVal henv&) As Integer 

Declare Function SQLFreeStmt Lib "odbc32.dll" (ByVal hstmt&. ByVal fOption % ) As Integer 
Declare Function SQLGetData Lib "odbc32.dll" (ByVal hstmt&, ByVal icol% , ByVal fCType % , 
ByVal rgbValue As String. ByVal cbValueMax&. pcbValue&) As Integer 

Declare Function SQLNumResultCols Lib "odbc32. dll" (ByVal hstmt&. pccol*) As Integer 
Global Const SQL C CHAR As Long = 1 

Global Const SQL COLUMN LABEL As Long = 18 

Global Const SQL DROP As Long - 1 

Global Const SQL ERROR As Long =- 1 

Global Const SQL NO DATA FOUND As Long - 100 

Global Const SQL SUCCESS As Long = 0 


4. 编写 Forml 的 程序 代码 : 


Private Sub Form Load() 
Dim rc As Integer 
rc = SQLAllocEnv(henv) 
If rc <> 0 Then 
MsgBox "无 法 初始 化 0DBC" 
End 
End If 
rc = SQLAllocConnect(henv. hdbc) 
If rc <> 0 Then 
MsgBox "无 法 获得 连接 句柄 ” 
rc = SQLFreeEnv(henv) 


End 

End If 

Dim DSN As String. UID As String. PWD As String 
DSN - "pan" 

UID - "sa" 

PWD = "" 


rc = SQLConnect(hdbc. DSN, Len(DSN). UID. Len(UID). PWD, Len(UID)) 
If rc = SQL ERROR Then 
MsgBox "无 法 建立 与 ODBC 数据 源 的 连接 " 
End 
End If 
End Sub 
Private Sub cmdQuery Click() 
Dim hstmt As Long 
Dim SQLstmt As String 
Dim RSCols As Integer. RSRows As Long 
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Dim rc As Integer. i As Integer. j Rs Integer 
Dim ColVal As String * 1024 
Dim ColValLen As Long. ColLabLen As Integer. larg As Long 
rc = SQLAllocStmt(hdbc. hstmt) 
If rc —- SQL SUCCESS Then 
MsgBox "无 法 获得 SQL 语句 句柄 ” 
Exit Sub 
End If 
SQLstmt - "SELECT * FROM customer" 
rc = SQLExecDirect(hstmt, SQLstmt. Len(SQLstmt)) 
If rc <œ SQL SUCCESS Then 
MsgBox "SQL 语句 执行 失败 " 
Exit Sub 
End If 
rc = SQLNumResultCols(hstmt, RSCols) 
If RSCols > 1 Then 
Gridl.Cols = RSCols 
Gridl.Rows - 10 
Gridl.Row = 0 
Else 
Exit Sub 
End If 
For i = 1 To RSCols 
rc = SQLColAttributesString(hstmt. i. SQL COLUMN LABEL. ColVal. 255. ColLabLen. larg) 
Gridi.Col- i- 1 
Gridl.Text - Left(ColVal. ColLabLen) 
Next i 
Do Until SQLFetch(hstmt) - SQL NO DATA FOUND 
ColVal = String $ (1024. 0) 
If Gridl.Row + 1 > = Gridl.Rows Then 
Gridl.Rows - Gridl.Rows * 1 
End If 
Gridl.Row = Gridl.Row + 1 
Fori - 1 To RSCols 
rc = SQLGetData(hstmt. i. SQL C CHAR. ColVal. Len(ColVal). ColValLen) 
Gridi.Col- i- 1 
Gridl.Text = Left $ (ColVal. ColValLen) 
Next i 
Loop 
rc = SQLFreeStmt(hstmt. SQL DROP) 
End Sub 
Private Sub cmdClose Click() 
Dim rc As Integer 
If hdbc <> 0 Then 
rc = SQLDisconnect(hdbc) 
End If 
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rc = SQLFreeConnect(hdbc) 
If henv <> 0 Then 
rc = SQLFreeEnv(henv) 


End If 
End 
End Sub 
5. 将 工程 存盘 后 ,运行 程序 ,在 窗 体 中 单 击 “查询 ”按钮 ,结果 如 图 5. 74 所 示 。 
And 
日 期 [6 [X8 - 
01/01/05 [zo 
[01/11705 
图 5.74 ”ODBC 应 用 程序 运行 结果 
【小 结 】 


开放 的 数据 库 连 接 (Open Database Connectivity,ODBC), 是 目前 国际 上 通用 的 数据 
库 访 问 标 准 。ODBC 数据 源 是 计算 机 上 的 ODBC 配置 和 管理 的 工具 ,利用 这 个 工具 ,用 
户 就 可 以 定制 使 用 ODBC 来 连接 数据 库 。 

ODBC 建立 了 一 组 规范 ,并 提供 了 一 组 对 数据 库 访 问 的 标准 API( 应 用 程序 编程 接 
口 )。 这 些 API 利用 SQL 来 完成 其 大 部 分 任务 .ODBC 本 身 也 提供 了 对 SQL 语言 的 支 
持 , 用 户 可 以 直接 将 SQL 语句 发 送 给 ODBC, 一 个 基于 ODBC 的 应 用 程序 对 数据 库 的 操 
作 不 依赖 任何 DBMS, 不 直接 与 DBMS 打交道 ,所 有 的 数据 库 操作 由 对 应 的 DBMS 的 
ODBC 驱动 程序 完成 。 也 就 是 说 ,无 论 是 FoxPro、Access、SQL Server 还 是 Oracle 数据 
库 , 均 可 用 ODBC API 进行 访问 。 由 此 可 见 ,ODBC 的 最 大 优点 是 能 以 统一 的 方式 处 理 
所 有 的 数据 库 。 

通过 以 上 的 实 训 ,应 学 会 创建 和 配置 ODBC 数据 源 , 掌 握 Dreamweaver MX 连接 数 
据 库 的 方法 ,熟悉 ODBC 应 用 程序 开发 。 

【思考 题 】 

1. 如 何 配置 Access 数据 库 和 SQL Server 数据 库 的 ODBC 数据 源 ? 

2. 如 何在 Dreamweaver MX 中 连接 数据 库 ? 

3. ODBC API 函数 的 作用 是 什么 ? 

4. 如 何在 VB 中 调用 ODBC API 函数 ? 

5. 什么 是 系统 DSN? 有 何 作用 ? 
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6. 选择 “SQL Server 验证 ”方式 时 需要 “登录 ID” 和 “密码 ” 吗 ? 
7. 如 何 测 试 数据 源 是 否 连 接 成 功 ? 
8. 系统 有 多 个 数据 源 时 如 何 分 别 调用 ? 


实 训 25 ” 进 销 存 系统 会 员 管 理 


【 实 训 前 的 准备 】 
1. 检查 系统 中 是 否 安装 了 VB 6.0 M TIS, 
2. 将 IIS 默认 网 站 的 主 目录 设 为 D:\Inetpub\wwwroot。 


【 实 训 目 的 要 求 】 
1. 熟悉 ASP 的 编程 和 运行 环境 。 
2. 掌握 会 员 登 录 处 理 方法 。 
3. 掌握 会 员 添 加 、 删 除 、 修 改 等 处 理 方法 。 
4. 掌握 会 员 查 询 处 理 方法 。 
【系统 功能 与 要 求 】 
1. 本 实 训 所 要 实现 的 功能 
(1) 进 销 存 登录 系统 。 
(2) 会 员 添加 。 
(3) 会 员 修 改 。 
(4) 会 员 删 除 。 
(5) 会 员 查 询 。 
(6) 会 员 列 表 。 
2. 数据 表 结 构 
CD 会 员 信 息 数 据 表 结 构 如 图 5. 75 所 示 。 


lli huiyuan : sk 

i 

e 文本 会 员 姓名 

[| xinbie 文本 会 员 性 别 

mm 文本 会 员 电 话 

[B aadress xx 会 员 住址 

|] jieshao RF A 

| |1egin 文本 负责 此 会 员 的 员工 

rmm x 卡号 

|| :fz 文本 会 员 身份 征 号 

|. |startdate 日 期 /时 间 入 会 时 间 

[ |ijifen 

[endaste 日 期 /时 间 EJ CE] 

|. |beizhu 备注 备注 

| |shenri 日 期 /时 间 会 员 生日 

| |wenhou 日 期 /时 间 是 否 进行 过 生日 问候 

| | yinyan 文本 生日 是 阴历 还 是 阳历 
- 


图 5.75 会 员 信息 数据 表 结 构 一 览 表 
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(2) 会 员 登 录 信 息 数 据 表 结构 如 图 5. 76 所 示 。 


EE ， p 

字段 名 称 数据 类 型 说 明 E: 

| [ia 自动 编号 

|. |username 文本 员工 名 称 

[ mee 文本 RISB 

| quanxi «n 备注 员工 权限 

| |xinbie 文本 员工 性 别 

mm xx 员工 电话 

[l adir ess xx 员工 住址 

[| «£e 文本 员工 身份 证 导 
aai 数字 基本 工资 

- zi 


图 5.76 会 员 登 录 信 息 数据 表 结构 一 览 表 


3. ASP 与 数据 库 的 连接 程序 
ASP 与 数据 库 的 连接 文件 为 conn. asp, 其 代码 如 下 所 示 。 


<$% 

set conn = server. createobject("adodb. connection") 

mypath = server. nappath( data/avonjxc. mdb" ) 

conn. open "driver = (microsoft access driver ( * . mdb) | ;dbq = "&nypath 
$> 


【 实 训 内 容 及 操作 步 又】 


【操作 1】 进 销 存 系统 登录 
1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 以 下 代码 : 


<| - #include file- "conn. asp" —— 
<$ 
sql = "select * from config" 
set rs_config = conn. execute( sql) 
dianming = rs config("dianming") 
$> 
<html> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<title>< % -dianming& > - Abt /title— 
<link href = "style. css" rel = "stylesheet" type = "text/css"> 
</head> 
<body bgcolor = "it FFFFFF" > 
<script language = "javascript" > 
function check() 
{if (document. form1. username. value == ""| | document. forml. password. value == "")( 
alert(" 请 输入 用 户 名 称 和 口令 1"); 
return false; 
n 
</script> 
<table width= "100 €" border = "0" cellspacing = "0" cellpadding = "0" height = "100%" 
align = "center"> 
«tr 
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<td align= "center" valign= "middle" — 
<form action = "checklogin. asp" method = "post" name = "forml"— 
<table width= "600" height = "400" align= "center" cellpadding = "0"> 
«tr 
<td background = " inages/frist. jpg" valign = "top"—-— table width= "100 %" border = "0" 
cellspacing = "0" cellpadding = "0"> 
«tr 
<td width= "115" height = "100"— </td> 
<td width= "35 & "> </td> 
<td width = "135 "> </td> 
<td width = "32 % "> </td> 
<td width= "9 $ "> </td> 
«/tr2«tr- 
<td height = "26"> </td> 
<td></td> <td> <b> HPA :</b></td> 
<td><input type = "text" name = "username" style = "width: 150px" ></td> 
<td></td></tr><tr> 
<td height = "28"> </td> 
<td></td> 
<td> <b> HENS </b> </td> 
<td><input type = "password" name = "password" style = "width:l50px" — </td> 
<td></td></tr><tr><td height = "29"></td> 
<td></td><td></td> 
—td- — input type = "submit"value = "登录 "onClick = "return check() ; "></td> 
<td></td></tr><tr><td height = "32"></td> 
«td» « /td <td> </td> <td> </td> <td> </td></tr> 
</table> </td></tr> 
</table> 
</form> 
</td> 
</tr> 
</table> 
</body> 
</html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\login. aspe 
运行 该 程序 后 显示 如 图 5.77 所 示 的 界面 。 


进 销 存 管 理 系统 


5.77. 进 销 存 管理 系统 会 员 登录 页 面 


第 5 部 分 Web 数据 库 基 础 实 训 


【操作 2】 添加 会 员 
1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 以 下 代码 : 


< * if session("username") = "" then > 
<script language 
top. location. href = 
</script> 

<% response. end 
end if 

$> 

<! 一 #include file= 
<| 一 # include file= 
<html> 

<head> 

<title>< $ -dianming* > - 添加 会 员 一 /title 二 

<meta http - equiv = "Content - Type" content = text/html; charset = gb2312" — 

<link href = ". . /style2.css" rel= "stylesheet" type = "text/css"> 

</HEAD> 

<BODY> 

< % if fla4 = "0" then $ > 

<brœ><center> <font color =" 井 FF0000" 二 你 不 具备 此 权限 ,请 与 管理 员 联 系 ! </font> 
</center> 

<% response. end 

end if 

$> 

< % if request("hid1") = "" then% > 

<script language = "javascript" > 

function check( ) 


"javascript"-— 


.. /login. asp" 


./conn2.asp" —> 
../const.asp" —> 


(if (document. fornl. username. value == "" | | document. form1. card. value == "")( 
alert(" 有 * 号 的 必须 填写 !1"); 
return false; 
n 
</script> 
<form name = "forml "> 
<table width = "98 % " border = "0" cellpadding = "0" cellspacing = "2" align = "center"> 
<tr> 

<td height = "21" > &nbsp; <img src - "../Images/ico/ico29. gif" width = "32" 
height = "32" hspace = "2" vspace = "2" align = "absmiddle">œ< font size =" + 1"— — strong 
RME 53 </strog></fot></td> 

</tr> 

</table> 
<table width = "98%" border = "0" cellspacing = "1" cellpadding = "2" align = "center" 
class = "TableMenu" > 

<tr class = "al" style = "color; # ffffff;font- size:12px;"> 

<th height= "30" style = "color; # ffffff,font- size;l4px" colspan = "2">< img 
src- "../images/add. gif" border = "0" hspace = "2" align = "absmiddle" 二 会 员 基本 资料 填写 
<font size- " -1"> CHF * 5 ff] Jg A OD — /font — /th- 
[tr 
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«tr class = "a3" 
<td width= "28 $% " height = "30" align = "right" —b Zt REZ: </b> </td> 
<td width= "72 % ">&nbsp;&nbsp;< input type="text" name = "username" style = 
"width:200px">&nbsp; <font color - "it ff0000"> * </font></td> 
</tr> 
<tr bgcolor = " # ffffff"> 
<td align= "right" height = "30" > <b> 2 AHEJ]: </b> </td> 
— td-&nbsp;&nbsp; <input type = "radio" name = "xinbie" value = "4r" checked = "checked" > 
At <input type = "radio" name = "xinbie" value = "8 "> 
B </td> 
</tr> 
<tr class = "a3"> 
<td align= "right" height = "30" > <b> lf liii: </b> </td> 
<tdœ>&nbsp;&nbsp; <input type = "text" name = "tel" style = "width; 200px" > 
</td> 
</tr> 
<tr bgcolor = " # ffffff"> 
<td align= "right" height = "30" > <b> RREA: </b> </td> 
< td> &nbsp; &nbsp; < input type = "text" name = "address" style = "width; 300px" > 
</td> 
</tr> 
<tr class = "a3"> 
<td align= "right" height = "30" > <b> 4HE: </b></td> 
<td> gnbsp; gnbsp; < input type = "text" name = "sfz" style = "width: 300px" ></td> 
</tr> 
<tr bgcolor = " # ffffff"> 
<td align= "right" height = "30" > <b> fpAl A; </b> </td> 
<td width = "70 % "œ> &nbsp; 
< input name = "huiyuan2" readonly onClick = "JavaScript; window. open('. . /huiyuan/ 
huiyuan.asp? form = forml&field = jieshao&field2 = huiyuan2&field3 = huiyuan3'.''.'directorys = 
no, toolbar = no.status = no, menubar = no, scrollbars = yes, resizable = no, width = 895, height = 
503,top = 142, left = 115');" style = "width; 90px" value = "4h itt Zr "> < input type =" 
text" name = " huiyuan3” style = "width; 150px" readonly> < input type = "hidden" name = " 
jieshao" ></td> 
</tr> 
<tr class = "a3" > 
<td align= "right" height = "30" <b> R E S. </b></td> 
< td> &nbsp; &nbsp; < input type = "text" name = "card" style = "width;300px" 二 
&nbsp;&nbsp; <font color = "it ff0000"> * </font> </td> 
[tr 
<tr bgcolor = " # ffffff"— 
— td align= "right" height = "30"> <b> ZJ A: </b> </td> 
<td> gnbsp; &nbsp; 
<$ 
sql-"select * from login order by id" 
set rs login- conn. execute( sql) 
if rs login. eof then 
% ><a href = user add. asp" ^ JE JI R T.</a> 
«s 
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else % > 

<select name = "login" > 

<% do while rs_login. eof = false $> 

< option value = "< % = rs login("username") $ >" < % if rs login 

("username") = session( "username" ) then % > selected = "selected"< % end if $ >>< $% =rs_ 
login("username") % >< /option- 

<% rs login.movenext 

loop 

第 之 

</select> 

< $end if% > 


"at 
right" height = "30"— —b 4 AH: 一 /b> 一 /td> 


<td align= 
<td> gnbsp; 
<select name = "shenril"> 
< % for x= 1930 to 2006 $ > 
<option value = "< % =x% —"— * if x- 1970 then% > selected = "selected" 
< *& end if%>><% =x% ></option> 
< 4% next % > 
</select> 年 
<select name = "shenri2"> 
< 4% for x=1 to 12% > 
<option value= "< $ =x% >"><% =x% ></option> 
< $% next $% > 
</select> 月 
<select name = "shenri3"> 
<% for x=1 to31%> 
<option value= "< % =x% >"><% =x% ></option> 
< $ next $ > 
</select> H 
<select name = "yinyan"> 
<option value = "HH" >H Jj </option> 
<option value = "[I" — BH Jj — /option— 
</select> 
</td> 
te 
<tr bgcolor = " # ffffff"— 
<td align= "right" height = "30" > <b> A ZB li]; </b> </td> 
< td> gnbsp; &nbsp; < input name = " startdate" value = "< % = date() % >" 
readonly onClick = "JavaScript :window. open( 'day. asp? form = forml&field = startdate&oldDate = ' + 


this. value, ''. 'directorys = no. toolbar = no, status = no. menubar = no, scrollbars = no. 
resizable = no.width = 250, height = 170, top = 500., left = 520');" style = "width; 150px" > 
</td> 
</a> 
<tr class = "a3"> 
<td align= "right" height = "30" — <b>: </b> 
<i> 
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< td> &nbsp; &nbsp; < textarea name = "beizhu" cols = "70" rows = "4"> 
— /textarea- </td> 
«tr 
<tr bgcolor = " # ffffff"— 
<td height = "30"> </td> 
<td> &nbsp; &nbsp; < input type = "submit" value= "确认 添加 " onClick = 
"return check()" — &nbsp; &nbsp; &nbsp; &nbsp; 
< input type = "hidden" name = "hidl" value = "ok"> 
<input type = "reset" value=" 重新 填写 "> 


</td> 
«tr 
</table> 
</form> 
<$% 
else 


nowusername = request( "username" ) 

nowxinbie = request("xinbie") 

nowtel = request("tel") 

nowaddress = request ("address") 

nowsfz = request("sfz") 

nowjieshao = request(" jieshao") 

nowcard = request( "card" ) 

nowlogin = request(" login") 

nowstartdate = request("startdate") 

nowshenril = request("shenril") 

nowshenri2 = request(" shenri2") 

nowshenri3 = request(" shenri3") 

nowyinyan = request( " yinyan") 

nowshenri = nowshenril&" — "&nowshenri2&" — "&nowshenri3 
nowenddate - cdate(nowstartdate) t 365 

nowbeizhu = request("beizhu") 

sql = "select * from huiyuan where card = '"&nowcard&" '" 
set rs = conn. execute( sql) 

if rs.eof - false then 

s> 

<script language = "javascript" > 

alert(" 您 输入 的 会 员 卡号 已 经 存在 ,请 重新 输入 ! ”) 
window. history.go( 一 1) 

</script> 

< % response. end 

end if 

if nowjieshao 


nowjieshao= 0 
else 
sql = "update huiyuan set jifen- jifen + "&jieshaojifen&" where id= "&nowjieshao 
conn. execute( sql) 
end if 
sql = "insert into huiyuan(username.xinbie.tel.address.sfz. jieshao.card. login, startdate, 
shenri.enddate.beizhu. yinyan) values( '"&nowusername&" '. '"&nowxinbie&" '. '"&nowtel&" ', 
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'"gnowaddressg&"',' " &nowsfz&" ' ." &nowjieshao&". '" &nowcard&" ' , '" &nowlogin&" ', #" 
&nowstartdate&" # , & "&nowshenri&" # ,  "&nowenddate&" # , '" &nowbeizhu&" ', "&nowyinyan&" ')" 
conn. execute( sq1) 

$> 

<script language = "javascript" > 

alert(" 会 员 添 加 成 功 !1") 


window. location. href = "huiyuan. asp" 


</script> 
<$ 
end if 
LS 
</body> 联系 电话 : [13555828398 
=/htnl> 家 庭 住址 : ”了 陆 州 市 文 三 靳 村 21 一 2 一 703 
身份 证 号 : [530106198903210029 
3. 将 Lb 3 保 D:\Inetpub t 
“3. 将 以 上 代码 保存 为 D:\Inetpub\ wwwroot\ | san: panen] 
huiyuan_add. asp. 会 员 卡 号 [558689790 * 


4. 运行 该 程序 后 显示 如 图 5. 78 所 示 的 界面 。 EA: 
amta: [959 ]a [5 z] s [21 z] à [F5 7] 


【操作 3】 会 员 资料 修改 aema: puesez |] 

1. 打开 Dreamweaver 或 记事 本 软件 。 z 
2 编写 以 下 代码 ， nd : 
< * if session("username") = "" then > E Bd 


<script lan e = "javascript" 二 
top. Fe dd = Y 7 ns asp" 图 5.78 添加 会 员 信息 资料 页 面 
</script> 

<% response. end 
end if 

LS 

<! 一 include fil 
<l — # include file- 
<html> 

<head> 

<title>< % -dianming* > - mE R </title> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 

<link href = ".. /style2.css" rel= "stylesheet" type = "text/css"> 

</HEAD> 

<BODY> 

<$ 

if fla4 = "0" then 

$> 

<br><center>< font color = " # FF0000" > {R R IRR. il 55 ERAKAR! </font> 
</center> 

<$ 

response. end 

end if 

$> 

< $% if request("hid1") = "" then% > 


../conn2.asp" —> 
"../const.asp" --> 
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<script language "javascript" > 
function check() 
{if (document. forni. username. value == "")| 
alert "H * 号 的 必须 填写 !"); 
return false; 
n 
</script> 
<$ 
if request("hid2")<>"" then 
conn.execute(" update huiyuan set enddate = enddate + 365, jifen = jefen + " &xuhuijifen&" 
where id= "&request("id")) 
response. write "—script--alert( £2: JJ] ! ) </script>" 
end if 
sql = "select * from huiyuan where id = "&request(" id") 
set rs = conn. execute( sql) 
$> 
<form name = "form1"> 
<input type = "hidden" name = "form" value = "< % = request("form") & >"> 
"hidden" name = "field" value= "< % = request("field") $ >"> 
"hidden" "field2" value = "< % = request("field2") % >"> 
"hidden" name = "field3" value = "< % = request("field3") % >"> 
"hidden" name = "paixu" value= "< % = request("paixu") $ >"> 
"hidden" name = "paixu2" value = "< % = request("paixu2") % >"> 
"hidden" < * = request("paixu3") % >"> 
<input type = "hidden" name = "page" value = "< % = request("page") % >"> 
<input type = "hidden" name = "class" value - "< % = request("class") % >"> 
<input type = "hidden" name = "keyword" value - "< 5 = request("keyword") $ >"> 
<table width = "98 % " border = "0" 0" cellspacing = "2" align="center"> 
<tr> 
<td height = "21" —&nbsp; < img src = ".. /Images/ico/ico08. gif" width = "32" height = 
"32" hspace = "2" vspace = "2" align= "absmiddle">< font size =" t 1"><strong> 修改 会 
员 资 料 一 /strong 二 一 /font 二 一 /td 
</tr> 
</table> 
<table width = "98€" border = "0" cellspacing = "1" cellpadding = "2" align = "center" 
class = "TableMenu" > 
<tr class = "al" style = "color; # ffffff;font- size:12px;"> 
<th height = "30" colspan = "2" style = "color; # ffffff; font - size; 14px" > — img 
src =", , /images/res. gif" border = "0" hspace = "2" align = "absniddle" 二 会 员 资料 修改 
<font size= " -1"> (lf * 5 [i Jg 4 OL) </font> </th> 
</tr> 
<tr class = "a3"> 
<td width= "27 &" height = "30" align= "right" > <b> RIEA: </b> 
</td> 
<td width = "73 % "—&nbsp;&nbsp; 
<input type = "text" name = "username" style = "width; 200px" value = "< % = 
rs("username") & >"> 
Snbsp; <font color = "i ff0000" — * </font> </td> 
[tr 


"paixu3" value = 


cellpadding = 
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<tr bgcolor = " # ffffff"— 
<td align= "right" height = "30" — <b> R tE]: </b> </td> 
<td> gnbsp; &nbsp; 
<input type= "radio" name = "xinbie" value = " 女 " 一 $% if rs("xinbie") - "4" then% > 
checked = "checked" — % end if $ — 7r <input type= "radio" name= "xinbie" value- "5j" 
<% if rs("xinbie") 2 "Jj" then%> checked = "checked" — $ end if $ >> </td> 
</tr><tr class = "a3" 
<td align="right" height = "30" > <b> lif. </b> </td> 
<td> gnbsp; &nbsp; 
<input type- "text" name = "tel" style= "width:200px" value ="< % = rs("tel") $ >"> 
</td> 
</tr> 
<tr bgcolor = "i ffffff"> 
<td align="right" height = "30" > <b> REHE: </b> </td> 
<td> gnbsp; &nbsp; 
< input type = "text" name = "address" style = "width; 300px" value ="< % = 
rs("address") & >"></td> 
</tr> 
<tr class = "a3"> 
<td align- "right" height = "30" 二 一 b> 身 份 证 号 : 
</b></td> 
<td> gnbsp; &nbsp; 
<input type="text" name= "sfz" style= "width:300px”value= "一 % =rs("sfz")%>"> 
</td> 
</tr><tr bgcolor = " # ffffff"> 
<td align="right" height = "30" > <b> NHA: </b></td> 
=td> gnbsp; &nbsp; 
<%if rs("jieshao") = 0 then 
nowjieshao = "无 " 


else 
sql = " select * from huiyuan where id= "&rs("jieshao") 
set rs jieshao = conn. execute( sql) 
nowjieshao = rs jieshao("username") 


end if 
5 ><% = nowjieshao % > 
</td></tr> 


<tr class = "a3"> 
<td align="right" height = "30"— bo AF5: </b> 
</td> 
=td> gnbsp; &nbsp; 
<% =rs("card") $ ></td> 
</tr><tr bgcolor = " # ffffff"> 
<td align="right" height = "30" > <b> JA: </b></td> 
=td> gnbsp; &nbsp; 
<% sql="select * from login order by id" 
set rs login = conn. execute( sql) 
if rs login.eof then 
%><a href = "user add.asp" — JE JL AA T. —/a — & 
else %> 
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<select name= "login"> 
< %do while rs_login. eof = false $ > 
<option value="< % = rs login("username") % >"< $ if rs_login("username") = rs 
("login") then% > selected = "selected"< $ end if $ >>< % = rs login("username") % > 
</option> 
<% rs login. movenext 
loop %> 
</select> 
< $end if $ ></td></tr> 
<tr class = "a3"> 
<td align="right" height = "30"> —b Z EH: </b></td> 
—td-&nbsp; 
<input name = " shenri" value =" <% = rs ( "shenri")& >" 
readonly onClick = "JavaScript:window.open('day.asp? form = forml&field = shenri&oldDate = 
' + this. value, '' , 'directorys = no, toolbar = no, status = no, menubar = no, scrollbars = no, 
resizable = no,width = 250,height = 170.top = 470, left = 520');" style = "width:l50px"— 
<select name = "yinyan"> 
<option value = "[J]" — % if rs("yinyan") = "[J]" then% > selected = "selected" 
<%end if% -—[lJj-— /option— 
< option value =" 阳 "二 % if rs(" yinyan") - "[H" then% > selected = " selected" 
二 end if* >>Hi </option> 
</select></td></tr> 
<tr bgcolor = " # ffffff"> 
<td align="right" height = "30" ><b> A&M]: </b> 
</td><td> gnbsp; &nbsp; 
<input name = "startdate" value="< % = rs("startdate") % >" readonly onClick = 
"JavaScript;window.open('day.asp? form = forml&field = startdate&oldDate = ' + this. value, '', ' 
directorys = no, toolbar = no, status = no, menubar = no, scrollbars = no, resizable = no, width = 
250,height = 170,top = 150,left = 590');" style= "width; 100px"> 
</td></tr> 
<tr class = "a3"> 
<td align= "right" height = "30"— 
去 b> 到 期 时 间 : </b> </td> 
<td> &nbsp; &nbsp; 
<input name = "enddate" value ="< % = rs("enddate") % œ>" readonly onClick = " 
JavaScript:window.open('day. asp? form = forml&field = enddate&oldDate = ' + this. value, ''.' 
directorys = no, toolbar = no, status = no, menubar = no, scrollbars = no, resizable = no, width = 
250.height = 170,top = 150, left = 590');" style= "width:100px"> 
</td></tr><tr bgcolor = " # ffffff"> 
<td align="right" height = "30"— <b> Z RBA: </b> </td> 
=td> gnbsp; &nbsp; 
<input type = "text" name = "jifen" style = "width:300px" value = 
<% = rs(" jifen")% >" onKeyUp = "this. value = this. value. replace (/A D/g. ' ' )" 
onafterpaste = "this. value = this. value. replace( /AD/g. '') " ></td> 
</tr><tr class = "a3" 
<td align="right" height = "30"— —b— fik: </b></td> 
<td> gnbsp; &nbsp; < textarea name = "beizhu" cols- "70" rows ="4">< % = 
rs("beizhu") $ ></textarea> </td></tr> 
<tr bgcolor = " # ffffff"> 
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<td height = "30"> </td> 

—td--&nbsp;&nbsp;- input type = "submit”value = ”确认 修改 "onClick = "return check()" 
Z»&nbsp; &nbsp; &nbsp; &nbsp; 

<input type= "hidden" name= "hidl" value= "ok" — 

<input type = "hidden" name= "id" value- "— % = request("id") % >"> 
<input type= "reset" value=" dH Hi "> 
<input type= "button" value= ”放弃 修改 返回 " onClick = "window. history. go( - 1)"> 
</td></tr></table> 
</form>< % else 

nowusername = request( "username" ) 
nowxinbie = request("xinbie") 
nowtel = request("tel") 
nowaddress = request ("address") 
nowsfz = request(" sfz") 
nowlogin = request(" login") 
nowjifen = request("jifen") 
nowbeizhu = request("beizhu") 
nowstartdate = request("startdate") 
nowenddate = request( " enddate" ) 
nowshenri = request("shenri") 
nowyinyan = request( " yinyan") 


"update huiyuan set username = '"&nowusername&" ' , xinbie = '"&nowxinbie&" ', tel = 


sgl- 
'""&nowtel&" '.address = '""&nowaddress&" ' , sfz = '"&nowsfz&" '. login = '"&nowlogin&" ', jifen = 


"&nowjifen&".beizhu = '" &nowbeizhu&" ', startdate = # " &nowstartdate&" & , enddate = 


"a 


d "&nowenddate&" # ,shenri = £ " &nowshenri&" it, yinyan = '" &nowyinyan& where id = 
"&request(" id") 

conn. execute( sql) % > 

<script language = "javascript" — 

alert(" 会 员 资 料 修改 成 功 1") 

window. location. href = "huiyuan. asp? form- < % = 
request("form") % —&field- — % = request("field") *& >&field2 = 
<% = request("field2") % >&field3 = 

<% = request("field3") % —&paixu- < % = 

request("paixu") % —&paixu2 = < % = 

request("paixu2") % >&paixu3 = < % = 

request("paixu3") % —&page = 

< % = request("page") $ >&class = 

< % = request("class") % —&keyword = 

<% = request( "keyword" ) $ >" 

</script> 

=%end if$ 

</body> 

</html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\huiyuan_modi. asp; 
4. 运行 该 程序 后 显示 如 图 5.79 所 示 的 界面 。 
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Fb 修改 会 员 资料 
ems: [Eon bh 
会 员 性 别 : Cy CR 

联系 电话 : [E9523818-804 O) 
| 
amus: [530105197901280022 O O] 


NBA: X 

会 员 卡 号 :00003 

EDA: 

enen: pe | 
aema: e) 


会 员 积分 : |756 


mm ] me | nea | 
图 5.79 修改 会 员 资 料 页 面 


【操作 4】 会 员 资 料 查询 
1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 以 下 代码 : 


< % if session("username") = "" then $ > 
<script language = "javascript" — 
top. location. href = ". . /login. asp" 
</script> 
<% response. end 
end if & > 
-—| 一 # include file- "../conn2.asp" ——> 
«| 一 & include file- "../const.asp" 一 > 
<html> 
<head> 
<title>< % = diamin% ^ - 会 员 管理 一 /title> 
<meta http- equiv = "Content - Type" content = text/html; charset = gb2312"-— 
<link href = ".. /style2.css" rel="stylesheet" type = "text/css" 二 
</HEAD> <BODY> <script> 
function CheckAll(form) | 
for (var i= 0; i- form. elements. length;i+ +) ( 
var e = form. elements[i]; 
if (e.name |  - 'chkall') e.checked = form. chkall. checked; 
1j 
</script>< % if fla4 = "0" then > 
<br><center>< font color = " # FF0000" > {RRR 4& WE BLIR . WERKA! </font> 
</center> 
<% response. end 
end if 
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"取得 当前 页 码 

currentpage = request( "page" ) 

'response. write currentpage 

'response. end 

if currentpage-1 or currentpage = "" then 
currentpage - "1" 

end if 

"取得 搜索 关键 字 

nowclass = request("class") 

nowkeyword = request( "keyword" ) 

nowpaixu = request("paixu") 

nowpaixu21 = request("paixu2") 

if nowpaixu21 = "1" then 
nowpaixu2 = "2" 

else 


nowpaixu2 = 
end if 
nowpaixu31 = request("paixu3") 


<table width = "98 % " border = "0" cellpadding = "0" cellspacing- "2" align = "center" 二 


"hidden" name = "form" value = "一 $ = request("form") $ >"> 
<input type = "hidden" name = "field" value - "一 % = request("field") & >"> 
<input type = "hidden" name = "field2" value = "< 5 = request("field2") % >"> 
<input type = "hidden" name = "field3" value = "< 5 = request("field3") $& >"> 
<tr> 
<td width = "24 % ”height = "21"œ>&nbsp;< img src = ". . / Images/ ico/ ico08. gif" width = "32" 
height = "32" hspace= "2" vspace = "2" align= "absmiddle"œ>< font size = " + 1"><strong> 会 
BRE FIEL /strong </font> </td> 
<td width= "76 $" align = "right"> 
会 员 查 询 : 
<select name = "class" 
<option value = "1"< $ if nowclass = "1" then% > selected = "selected" < % end 
if& fits E H< /option- 
<option value = "2"< % if nowclass = "2" then% > selected = "selected" < % end 
if $ >> F EM K</option> 
</select> 
<input type = "text" name = "keyword" size - "20" value =" 
<% = nowkeyword % >"> 
<input type = "submit" value = ”查询 "> 
&nbsp;&nbsp; 
</td> 
«tr 
</form> 
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</table> 
<table width = "98%" border = "0" cellspacing = "1" cellpadding = "2" align = "center" 
class = "TableMenu" — 
<form name = "forml" action = "huiyuan_del. asp" > 
"hidden" name = "form" value = "< % = request("form") $ >"> 
"< % = request("field") $ >"> 
name = "field2" value = "< % = request("field2") % >"> 
<input type = "field3" value = "< % = request("field3") % >"> 
<input typ "paixu" value="< % = nowpaixu$ >"> 
<input type = "hidden" name = "paixu2" value = "< % = nowpaixu21 % >"> 
<input type = "hidden" name = "paixu3" value = "< % = nowpaixu31 % >"> 
"hidden" name = "page" value = "< % = currentpage % >"> 
"class" value = "< % = nowclass % >"> 
"hidden" name = "keyword" value= "< % = nowkeyword % >"> 
<tr class = "al" style = "color, # ffffff; font - size;12px; "> 

<th width= "9 €" height = "30" — lE </th> 

<th width= "4g% "全 性 别 一 /th> 

<th width= "17 & "> fiif </th> 

<th width= "11 $ "> 

< % if nowpaixu2 = "2" then % > 

<a 
href = "? form= — * = request ("form") % >&field= < % = request("field") % >&field2 = 
<% = request ( " field2") $ > &field3 = <% = request ("field3")% > &paixu3 = <% = 
nowpaixu31 % —&paixu2 = 2&paixu = r&page = < % = currentpage % > &class = <% = nowclass % > 


name = "field" value = 


<input type = 


name 


= "hidden" namı 


"hidden" namı 


&keyword = < % = nowkeyword * >" class = "title" > A&H} [H] < img src = ". . /images/up2. gif" 
border = "0" hspace = "2" align = "absmiddle" ></a> 
< s else $ > 
<a 


href ="? form= < % = request ("form") % >&field= < % = request ("field") & >&field2 = 
<% = request ( " field2") % > &field3 = <% = request ( " field3") % > &paixu3 = <% = 
nowpaixu31 % > &paixu2 = l&paixu = r&page = < % = currentpage % > &class = < * = nowclass % > 
&keyword = < % = nowkeyword % >" class = "title" > A ZH [BH] < img src = ".. /images/down2. 
gif" border = "0" hspace = "2" align= "absmiddle"></a> 

< Send if $ ></th> 

<th width= "14 & "> FẸ </th> 

<th width= "9$ "> 

< % if nowpaixu3 = "2" then % > 
<a 

href ="? form= — % = request("form") % >&field= < € = request ("field") % — &field2 = 
<% = request ( " field2") & > &field3 = <% = request ("field3")% > &paixu2 = <% = 
nowpaixu21 % —&paixu3 = 2&paixu = j&page = < % = currentpage $ > &class = < % = nowclass % > 


&keyword= < % = nowkeyword% >" class = "title" 二 积分 二 img src = "../images/up2. gif" 
border = "0" hspace = "2" align = "absmiddle" ></a> 
<$ else% > 
<a 


href = "? form= < % = request("form") % >&field= < % = request ("field") % >&field2 = 
<% = request ( " field2") % > &field3 = <% = request ( " field3") $ > &paixu2 = <% = 
nowpaixu21 % —&paixu3 = l&paixu = j&page = < % = currentpage % — &class = <% = nowclass % > 
Skeyword = < % = nowkeyword % >" class = "title" 二 积分 二 img src = "../images/down2. gif" 
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border = "0" hspace = "2" align = "absmiddle" ></a> 
< end if $ > 
</th> 
<th width= "7$ "— ffr — /th- 
<th width= "6 $ "— Ws — /th— 
<th width= "23 $ "之 积分 兑换 礼物 二 /th 二 
[tr 
<$% 
set rs_huiyuan = server. createobject("ADODB. RecordSet" ) 
sql = "select * from huiyuan where 1 = 1" 
if nowkeyword— —"" then 
if nowclass = "1" then 
sql = sql&" and username like ' $ "&nowkeywordS&" & '" 
else 
sql = sq1&" and card like ' * &nowkeyword&" % '" 
end if 
end if 
if nowpaixu = "r" then 
if nowpaixu2 = "1" then 
sql = sq1&" order by startdate desc" 
else 
Sql = sq1&" order by startdate" 
end if 


"an 


elseif nowpaixu- "j" then 
if nowpaixu3 - "1" then 
sql = sql&" order by jifen" 
else 
Sql = sql&" order by jifen desc" 
end if 
else 
Sql = sql&" order by startdate desc" 
end if 
rs huiyuan. open sql.conn,1.3 
if not rs huiyuan. eof then 
rs huiyuan. pagesize = 16 
rs huiyuan. absolutepage = currentpage 
for currentrec - 1 to rs huiyuan. pagesize 
if rs huiyuan. eof then 
exit for 
end if 
Ld 
<tr bgcolor = " # ececec" onMouseOver = "this. bgColor = ' # ffffff'" onMouseOut = "this. 
bgColor = ' # ececec'" < % if request(" form") — —"" then% > onDblClick = "window. opener. 
document. < % = request. querystring("form") % >.< % = request. querystring(" field") $ >. 
value- '— % = rs huiyuan(" id") $ — ' ; window. opener. document. < % = request. querystring 
("form") $75. <% = request. querystring (" field2") $ >. value = '<% = rs huiyuan 
("username") % — '; window. opener. document. < % = request. querystring(" form") $ >.< % = 
request.querystring( "field3") % >. value = '< % = rs huiyuan( "card") % > ' ; window. 
closeO ;"— % else —onDblClick = "javascript:var win = window.open('huiyuan show.asp? id= 
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<% -rs huiyuan("id") & 之 ',' 会 员 详细 信息 '. "width = 895,height = 503,top = 142, left = 115, 
toolbar = no, location = no, directories = no, status = no, menubar = no, resizable = no, 
scrollbars = yes'); win.focus()"— $ end if % >> 
<td align= "center" height = "25" — — $ = rs huiyuan("username") % ></td> 
<td align= "center" >< % - rs huiyuan("xinbie") $ ></td> 
<td align= "center" >< % = rs huiyuan("tel") % ></td> 
<td align = "center"> 
< % if rs_huiyuan("enddate") - date()<0 then > 
<font color = " # ff0000"><b>< $ -rs huiyuan("startdate") & ></b> </font> 
< % elseif rs huiyuan("enddate") - date() <10 then % > 
<font color = " # 009900"><b>< % -rs huiyuan("startdate") % ></b></font> 


< else% > 
<% =rs_huiyuan("startdate") % > 
< $end if $% > 
</td> 
<td align= "center" >< % = rs huiyuan("card") % ></td> 


<td align= "center" — % = rs_huiyuan("jifen") $ ></td> 
<td align = "center" ><a href = huiyuan modi.asp? form =< % = request("form") % > 
&field= < % = request("field") % >&field2 = < % = request("field2") $ >&field3 = < % = 
request("field3") % —&id- < % = rs huiyuan(" id") % > &paixu = < % = nowpaixu % > &paixu2 = 
< % = nowpaixu21 % —&paixu3- < % = nowpaixu3l % — &page = < % = currentpage % —&class = 
<% = nowclass $ > &keyword = < % = nowkeyword% >" > < img src = "../images/res. gif" 
border = "0" hspace = "2" align = "absmiddle" — f </a></td> 
<td align = "center" >< input type = "checkbox" name = "ID" value = "< % = rs huiyuan 
("id") $ >" style= "border :0"></td> 
<td align = "center" ><input type = "button" value = "积分 兑换 礼物 "onClick = 
"javascript:window.open('huiyuan duihuan.asp? id= < % = rs huiyuan("id") 
5 >', E aL. "width = 895. height = 503, top = 142, left = 115, toolbar = no, location = 
no,directories = no, status = no,menubar = no,resizable = no, scrollbars = yes')"> 
</td> 
一 /tr 二 一 $% rs huiyuan.movenext 
next 
else% > 
<tr bgcolor = " # ececec" onMouseOver = "this. bgColor = ' # ffffff'" onMouseOut = "this. 
bgColor = ' # ececec'"> 
<td colspan = "9" height = "25" align = "center" style = "color; red"> 
bo BUB ESI ido — / b — /td- 
</tr>< $% 
end if % > 
< % if rs_huiyuan. recordcount>0 then € > 
<tr class = "al"> 
<td colspan- "9" height = "30"> 
<table cellpadding = 0 cellspacing = 0 width = "100 € "> 
<tr> 
<td width= "25 &" style = "color; # FFFFFF; font — weight bold" align = "right" >< % 
if request("form")<>"" then% 二 双击 选择 会 员 一 % else% 二 双击 每 行 可 查看 会 员 详细 资料 
< % end if & ></td> 
<td width= "74 % " align = "right" style = "color; # FFFFFF; "> 
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&nbsp;&nbsp; 
<font color = # ffffff><b>< % -rs huiyuan.recordcount % > 
— /b7» — /font-&nbsp; /& [5 S &nbsp; Jk &nbsp; <font 
color = #ffffff><b><%=rs huiyuan. pagecount $ — — /b- — /font-&nbsp; Ji &nbsp; 
<$ 
nowstart = currentpage - 5 
if nowstart-1 then 
nowstart - 1 
end if 
nowend = currentpage + 6 
if nowend- rs huiyuan. pagecount then 
nowend- rs huiyuan. pagecount 
end if 
response. write "&nbsp; <a href = '? form = " &request ( " form") &" &field = " &request 
("field")&" &field2 = "&request ( " field2") &" &field3 = "&request ( " field3") &" &paixu = 
"&nowpaixuS&" &paixu2 = "&nowpaixu21&"&paixu3 = "&nowpaixu31&" &class = "&nowclass&" &keyword = " 
&nowkeyword&" &page = 1' class = 'page'— it ill] Ji </a> &nbsp; " 
for ipage = nowstart to nowend 
if cstr(ipage) = cstr(currentpage) then 
response. write "&nbsp; — span style = 'font - weight; bold;color; # 5858E6'—" & ipage 
&"— /span7» &nbsp; " 
else 
response. write "&nbsp;[&nbsp; <a href = '? form = "&request( " form") &" &field = 
&request( "£ield")&"&field2 = "&request("field2") &"&field3 = "&request("field3") &" &paixu 
&nowpaixu&"&paixu2 = "&nowpaixu21&" &paixu3 = "&nowpaixu31&" &class = "&nowclass&" &keyword = 
&nowkeyword&" &page = "&ipageS" ' class = 'page'œ" & ipage &"</a> &nbsp; ]&nbsp; " 
end if 


next 
response. write "&nbsp; <a href = '? form = "&request( " form") &" &field = "&request (" 
field")&" &field2 = " &request ( " field2") &" &field3 = " &request ( " field3") &" &paixu = " 
&nowpaixu&'"&paixu2 = "&nowpaixu21&" &paixu3 = "&nowpaixu31&" &class = "&nowclass&" &keyword = " 
&nowkeyword&'&page = "&rs huiyuan. pagecount$&" ' class = 'page 7 fit Jri Ji </a> &nbsp; " 
$> 
< input name = "chkall" type= "checkbox" id= "chkall" value = "select" onClick = "CheckAll 
(this. form)" style = "border:0"> 全 选 
<input type = "submit" value = "$H 除 ” onClick = "return confirm(' 此 操作 无 法 恢复 !!! 请 慎 
重 !!! \nNn ffi 92 Ds Pre E zx D 3 20" 
</td> 
<td width= "1 $ "></td> 
</tr></table> 
</td></tr> 
<$ 
end if 
$> 
</form> 
</table> 
</body> 
</html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\huiyuan. asp. 
4. 运行 该 程序 后 显示 如 图 5. 80 所 示 的 界面 。 


E 
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会 员 管 理 EE EI 查询 


[ss jen] 电话 fasma 卡号 | 积分 -| 修改 [me] osnan | 


xd&ap X 13385818952 2006-06-23 00054 积分 兑换 礼物 


EE X 13859522381 2006-06-21 00035 207 QEZ r 
MB dt 52423859-804 2006-06-05 00003 766 PEZ [- BAXI 
小 王 x 13888888888 2006.06.03 00001 792 PEZ r 
BM 35 59523818-521 2006.06.01 00004 902 QEZ T BAX 
观 击 每 行 可 查看 会 员 详 细 资 料 5 条 信息 共 1 页 Bum RAN Ns LA | 


图 5.80 会 员 信 息 资料 查询 页 面 


【小 结 】 

ASP 是 Active Server Pages 的 缩写 , 即 “ 活 动 服务 器 页 ”。ASP 文件 是 以 . asp 为 扩展 
名 的 , 它 的 特殊 之 处 在 于 可 以 在 HTML 文件 中 使 用 的 标记 语言 多 可 以 用 于 ASP 文件 中 ， 
而 且 ASP 文件 通过 标记 把 VBScript 或 JavaScript 脚本 语言 的 程序 符 入 文档 中 , 当 服 务 器 遇 
到 这 对 标志 时 , 便 将 其 视 为 程序 来 进行 解释 执行 ,然后 将 执行 的 结果 传送 到 客户 机 上 供用 户 
浏览 ,并 且 用 户 无 法 看 见 ASP 的 源 文件 ,因此 ASP 也 被 称 为 服务 器 端 脚本 文件 。 通 过 以 上 
的 实 训 ,可 以 掌握 ASP 的 ADO 接口 访问 数据 库 的 方法 ,ASP 与 数据 库 的 连接 程序 的 方法 。 
【思考 题 】 

1. 什么 是 ASP? 

2. ASP 与 HTML 有 何 区 别 ? 

3. 如 何 使 SQL Server 中 输出 的 数据 分 页 显示 ? 请 自己 查阅 资料 解决 。 

4. set db— server. createobject("ADODB. connection") 的 作用 是 什么 ? 

5. conn. open "driver= (microsoft access driver ( * . mdb)) :dbq— " 6-mypath 的 作 
用 是 什么 ? 

6. 如 何在 ASP 中 执行 SQL 查询 ? 

7. 如 何在 ASP 中 执行 数据 库 的 添加 、 删 除 记录 操作 ? 请 自己 查阅 资料 解决 。 


实 训 26 简单 的 留言 每 系统 


【 实 训 前 的 准备 】 
1. 检查 系统 中 IIS(Internet 信息 服务 器 ) 和 Access 2000 或 Access 2003 能 否 正常 运行 
2. 将 IIS 默认 网 站 的 主 目录 设 为 D:\Inetpub\wwwroot。 
【 实 训 目的 要 求 】 
1. 掌握 ASP 的 ADO 组 件 使 用 方法 。 
2. 掌握 SQL 语法 。 
3. 掌握 ODBC 数据 源 的 设置 。 
【系统 功能 与 要 求 】 
1. 本 实 训 所 要 实现 的 功能 
(1) 输入 留言 信息 。 
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(2) 允许 用 户 对 留言 信息 进行 查找 。 

(3) 允许 用 户 对 留言 信息 进行 修改 。 

(4) 允许 管理 员 对 留言 信息 进行 管理 。 

2. ASP 与 数据 库 的 连接 程序 

本 实 训 用 的 是 Access 数据 库 ,要 求 在 目录 D: MnetpubWwwrootMdatabase 下 建 一 个 
名 称 为 database. mdb 的 数据 库 ,将 连接 数据 库 的 代码 放 在 conn. asp 文件 中 ,然后 在 所 有 
需要 连接 数据 库 的 程序 代码 开始 加 入 包含 文件 二 ! --# include file— "conn. asp"- —. 
conn. asp 代码 如 下 : 


<$ 

on error resume next 

dim conn 

dim dbpath 

set conn = server. createobject("adodb. connection") 

DBPath = Server. MapPath( "database. mdb" ) 

conn. Open "driver = {Microsoft Access Driver ( * . mdb) ) ;dbq =" & DBPath 

conn. Open "Provider = Microsoft. JET. OLEDB. 4. 0;User Id = Admin;Data Source = " & DBPath 
5 


3. 数据 表 结 构 
(1) 留言 短 中 的 信息 如 图 5. 81 所 示 o 


画 about : 表 


#bSdaff — enjs.14f cn emjs.14f en cmjs.14f. cn BRA, admin 大 家 好 


lang 1f. cn lang 1f. cn 80  langél63 co SASA 


图 5.81 留言 信息 一 览 表 


(2) 留言 短信 息 数 据 表 结构 如 图 5. 82 所 示 。 
(3) 用 户 留 言 信 息 数 据 表 结构 如 图 5. 83 所 示 。 


lii guestbook: 表 


zi 


图 5.82 留言 信息 数据 表 结 构 图 5. 83 用 户 留言 信息 数据 表 结构 
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【 实 训 内 容 及 操作 步骤 】 
【操作 1】 系统 登录 
1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 以 下 代码 : 


< % @ Language = VBScript % > 
<} — # INCLUDE FILE = "conn. asp" —> 
<! — # INCLUDE FILE = "config. asp" ——> 
<| — # INCLUDE FILE = "md5. asp" ——> 
<html> 
<head> 
<title> RRER</title> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<style> 
«p 
table,td(font;9pt "宋体 " ;color; #999999} 
.td{ font:9pt "宋体 " ;line- height:150 * | 
A{ COLOR; #ce0000; TEXT - DECORATION: none | 
A:hover( COLOR: £t ce0000; TEXT - DECORATION:underline } 
. input{ border - top:l solid & efefef;border - left:1 solid 
# efefef background; # ffffff;font.9pt;color; # ce0000;height;18px } 
select|background - color; # FFFFFF; border; 1px dotted # 999999; font - size; 9pt; color; 
#999999; ; 
=> 
</style> </head> <body bgcolor = "it FFFFFF"> 
<div align = "center" ><center> 
<p>œ><b>< font face = "华文 行 楷 "size= "6"> M n Xf 5&— / font ^ </b></p> 
<table width= "400" border = "0" cellspacing = "2" cellpadding = "1" align = "center"> 
«tr 
<td align= "center" ^[-a href = "/" ——jR [ul f$ Ji —— /a7 ] 
[<a href = index. asp> > # A M ii-——/a- ]-/td— 
</tr></table> 
<table border = "0" cellspacing = "1" width= "90$ "><tr> 
<td> <form method = "post" action = "chklogin. asp" — 
<table width = "45 €" border = "1" cellspacing = cellpadding = "1" align = "center" 
bordercolordark = " # ecf5ff" bordercolorlight = "it c0c0c0"> 
<tr> 
<td><table width= "100 %" border = "0" cellspacing = "1" cellpadding = "1"> 
<tr> 
<td width= "33 €" align= "right" height = "30" 二 用 户 名 : </td> 
<td width= "67 % "> 
<input name = "name" maxlength = "20" class = "input" size = "20"> 
</td></tr> <tr> 
<td width= "33 *" align= "right" height = "30">% 码 : </td> 
<td width= "67 $ "> 
<input type = "password" name = "password" maxlength = "16" class = "input" size = "20"— 
</td> 
[tr 
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<tr> 
<td width= "33%" align= "right" height = "30" 二 保存 时 间 : </td> 
<td width= "67 % "> 
<select name = CookieDate> 
<option selected value = 0 二 不 保存 二 /option 二 
<option value = 17 [f f£ — X — /option-— 
<option value = 27 f f£ — H — /option— 
<option value = 3> {R f£ — 4F.— /option— 
</select> 
</td></tr><tr> 
<td colspan = "2" height = "15"></td> 
</tr></table> </td></tr> 
<tr align= "center" > 
<td height = "40"> 
<input type = "submit" name = "submit" value = "确定 " class = "input"> &nbsp; 
<input type = "reset" name = "reset" value = "c 5j" class = "input"> 
</td>/tr> 
</table> 
</form></td> 
</tr> 
</table> 
</center> </div> 
</body> 
</html> 


3. 将 文件 保存 为 D:\Inetpub\wwwroot\login. asp. 
4. 运行 该 程序 后 显示 如 图 5. 84 所 示 的 页 面 。 


[一 返回 首页 二 ] [一 查看 留言 <] 


用 户 名 : 
£H: 
aama: 


pes] [ES] 


图 5.84 管理 员 登 录 页 面 


【操作 2】 管理 员 删 除 留言 信息 
1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 以 下 代码 


70 电子 商务 网 站 建设 与 管理 实 训 (第 2 版 ) 


< % @ Language = VBScript % > 
<} — # INCLUDE FILE = "conn. asp" —— 
<| — # INCLUDE FILE = "config. asp" ——> 
<| — # INCLUDE FILE = "md5. asp" ——> 
<$ 
if session("user")<œ>"admin" then 
Set rs10 = Server. CreateObject(" ADODB. Recordset") 
sql0 = "select * from admin where id - 1" 
rs10.open sql0.conn,1,3 
admin = rs10("username") 
password = rs10("userpass") 
user = trin(request("username")) 
passwd = MD5(cstr(Request( " password" ))) 
rs10.close 
end if 
if (passwd = password and user = admin) or session("user") = "admin" then 
session("user") = "admin" 
gbookid = cint(request("gbookid")) 
dim sql 
sql = "delete from guestbook where gbookid = "&gbookid 
conn. execute sql 
response. redirect "index. asp" 
else 
$> 
<html> 
<head> 
<meta http- equiv = "Content - Language" content = "zh - cn"> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<meta name = "GENERATOR" content = "Microsoft FrontPage 6. 0"> 
<meta name = "ProgId" content = "FrontPage. Editor. Document" — 
<title>... WRH R iius </title> 
<style> 
< 一 
table,td{ font:9pt "J&[K" ;color; #999999} 
.td{font:9pt "宋体 ";line - height:150 % | 
A( COLOR; #ce0000; TEXT - DECORATION: none } 
A:hover{ COLOR: # ce0000; TEXT — DECORATION:underline } 
. input{ border - top:1 solid # efefef;border - left:1 solid i efefef; background: # ffffff; 
font:9pt;color: # ce0000;height: 18px } 
--> 
</style> 
</head> 
<body bgcolor = "i FFFFFF" > 
<p align = "center" ><b>< font face = "华文 行 楷 " size= "6" — 4 M 5i JM DE E F </font> 
« /b2» «font color = " # FF0000"> </font></p> 
<form method = "POST" action = "del. asp? gbookid- < % = request("gbookid") % >"> 
<table width= "300" border = "1" cellspacing = "0" cellpadding = "1" align = "center" 
bordercolordark = " # ecf5ff" bordercolorlight = "i c0c0c0"> 
«tr 
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<td><table width= "100 %" border = "0" cellspacing = "1" cellpadding = "1"> 
<% if session("user")- "admin" then % > 


<tr> 
<td width= "33 &" align = "right" height = "30" — JH! </td> 


<td width= "67 % "> 
< input name = "username" maxlength = "20" class = "input" size = "20"> 
LI> 
<td width= "33$" align= "right" height = "30">% 码 : </td> 


<td width= "67 % "> 
— input type = "password" name = "password" maxlength = "16" class = "input" 
size = "20"> 
</td></tr> 
<$% end if %> 
«tr 
<td colspan = "2" height = "15" align = center- — input type = "submit" value = "iff 
4E" name = "B1"-—&nbsp; <input type = "reset" value = "Jf 5j" name = "B2" — — /td- 
</tr> 
</table> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html> 
<% end if %> 


3. 将 文件 保存 为 D:\Inetpub\wwwroot\del. asp. 
4. 运行 以 上 程序 后 显示 如 图 5. 85 所 示 的 页 面 。 


- Microsoft Internet Explorer 
XO REO SEV KRA IAD WEG | 
Qar- O- A Alp rr ” 
HEO [8 htpyocahosy 梧 E $581 2 


5.85 管理 员 删 除 留言 页 面 


I5 


【操作 3】 留言 簿 主页 面 
1. 打开 Dreamweaver 或 记事 本 软件 。 


2. 编写 以 下 代码 : 


171 
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< % @ Language = VBScript % > 


«| — # INCLUDE FILE= "conn. asp" —> 
«| — # INCLUDE FILE= "config.asp" —— 
<$ 


response. buffer = true 
Response. Expires = 0 
usercookies = Request. Cookies("usercookies") 
if not session("password" ) 一 二 "" then 
if usercookies — "0" then 

name = Request. Cookies( "username" ) 

password = Request. Cookies( "password" ) 

sql = "select * from admin where id- 1" 

set rs8 = conn. execute( sq1) 

if not(rs8. bof and rs8. eof) then 

if password = rs8("userpass") and name = rs8(" username") then 
session("user") - name 
session("password") = "wpassword" 
end if 

end if 
end if 
end if 
Set rs9 = Server.CreateObject("ADODB. Recordset") 
sql9 = "SELECT * From about Order By id DESC" 
RS9. open sq19.Conn.3.3 
mypagesize- cint(rs9("num")) ' 每 页 显示 留言 数 
badnicks = rs9("badnicks") 
badwords = rs9("badwords") 
Set rs = Server.CreateObject("ADODB. Recordset") 
sql = "Select * FROM guestbook Order By dateandtime Desc" 
rs.open sql.conn.1.1 
IF not IsNumeric(Request("page")) Or IsEmpty(Request("page")) Then 


page-1 

Else 

Page = Int(Abs(Request( "page" ))) 
End if 


rs.pagesize - mypagesize 

total = rs.RecordCount 

rs.absolutepage - page 

if request("test") - insert" then 

' 校 验 码 判断 开始 

If Request("checkcode") - "" Then 
MessageBox "9l PÆ iliis Inl ff A Je uERS BE 1" 
response. end 

Elseif Session("CheckCode") - "" then 
MessageBox "请 返回 后 刷新 登录 页 面 并 重新 输入 正确 的 信息 。" 
response. end 

ElseIf Cstr(Session("CheckCode")) — —Cstr(Trim(Request("checkcode"))) Then 
MessageBox "您 输入 的 验证 码 和 系统 产生 的 不 一 致 ' 请 重新 输入 。" 


response. end 


第 5 部 分 Web 数据 库 基 础 实 训 1 


End if 
' 校 验 码 判 断 结束 
"防止 垃圾 留言 功能 开始 
dim ComeUrl.cUrl 
ComeUrl = lcase(trim(request.ServerVariables("HTTP REFERER"))) 
if ComeUrl- "" then 
' MessageBox "错误 信息 : 对 不 起 ,为 了 系统 安全 ,不 允许 直接 输入 地 址 访问 本 页 面 。 
' response. end 
else 

cUrl = trim("http://" & Request. ServerVariables("SERVER NAME")) 

if mid(ComeUrl,len(cUrl) + 1.1) = ";" then 

cUrl = cUrl & & Request. ServerVariables("SERVER PORT") 

end if 

cUrl = lcase(cUrl & request. ServerVariables("SCRIPT NAME")) 

if lcase( left(ComeUrl, instrrev(ComeUrl," /") )) 7 1case( left(cUrl, instrrev(cUrl," /"))) 
then'MessageBox "错误 信息 : FH ri EBY II FA ri D B CS ITI ,禁止 从 外 部 链接 地 提交 留言 。" 
Y response. end 

end if 
end if 
"防止 垃圾 留言 功能 结束 
txtname = left(request("txtname"),30) 
txtemail = left(request("txtemail").30) 
txthomepage = left(request("txthomepage" ),50) 
txtoicq = left(request("txtoicq").10) 
if request. form("xxx") - "" then 


pic = "images/1.gif" 

else 

pic request. forn(" xxx" ) 

end if 

txtcome = left(request("txtcome").20) 

sex = request(" sex") 

txtcontent = left(request("txtcontent") .500) 

"设置 灌水 限制 

posttime = 60 

if cint(posttime)-— —0 then 

if not isnull(session("posttime")) or cint(posttime)--0 then 
if DateDiff("s".session("posttime").Now())-Ccint(posttime) then 
MessageBox "错误 信息 : 留言 簿 防 灌水 功能 已 经 打开 ,限制 "gposttimeg" 秒 内 不 能 重复 留言 。" 
response. end 
end if 
end if 

end if 

if txtemail<>"" and IsValidEmail(txtemail) = false then 
MessageBox "错误 信息 : 邮件 地 址 填写 出 错 , 请 确认 你 的 邮件 地 址 ." 
response. end 

end if 

if txtname = "" then 
MessageBox "5142 35 . 56i A Vg E TB 1" 


response. end 
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end if 

if txtcontent- "" then 
MessageBox "fix fri | 
response. end 

end if 

if txtemail - "" then txtemail- "不 告诉 你 !1" 

if txtcome = "" then txtcome = "保密 1" 

if txthomepage = "" or txthomepage = "http; //" then txthomepage = "还 没有 呢 !" 

function MessageBox( strOutput) 


: 请 填 信 你 的 名 字 !1" 


response. write "< script language = 'javascript'>" & VbCRlf 
response. write "alert('" & strOutput & "');" & VbCrlf 
response. write "history.go( - 1);" & vbCrlf 
response. write "</script>" & VbCRLF 
response. end 
end function 
function IsValidEmail(email) 
dim names, name, i, c 
IsValidEmail - true 
names = Split(email, "(à") 
if UBound(names) 一 二 1 then 
IsValidEmail - false 
exit function 
end if 
for each name in names 
if Len(name) < = 0 then 
IsValidEmail - false 
exit function 
end if 
for i = 1 to Len(name) 
c = Lcase(Mid(name. i. 1)) 
if InStr("abcdefghijklmnopqrstuvwxyz —.". c) < = 0 and not IsNumeric(c) then 
IsValidEmail - false 
exit function 
end if 
next 
if Left(name, 1) = "." or Right(name. 1) = "." then 
IsValidEmail - false 
exit function 
end if 
next 
if InStr(names(1), ".") <= 0 then 
IsValidEmail - false 
exit function 
end if 
i = Len(names(1)) - InStrRev(names(1). ".") 
if i <> 2 and i <> 3 then 
IsValidEmail - false 
exit function 
end if 
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if InStr(email, "..") > 0 then 
IsValidEmail - false 
end if 


end function 
function IsLongStr(str) 
dim longStrs.longstr 
IsLongStr - true 
longStrs - Split(str,"") 
for each longStr in longStrs 
if len(longstr) > 50 then 
ISlongStr - false 
end if 
next 
end function 
txtname = server. htnlencode( txtname) 
txtcome = server. htnlencode( txtcome) 
txtemail = server. htmlencode(txtemail) 
txtcome = server. htmlencode( txtcome) 
txthomepage - txthomepage 
txtoicq = server. htnlencode(txtoicq) 
txtcontent = server. htmlencode(txtcontent) 
reply = "HA" 
"使 用 屏蔽 昵称 
check name = txtname 
badnicks = split(badnicks," ,") 
for i = 0 to ubound( badnicks) 
if instr(check name,badnicks(i))-^0 then 
MessageBox "错误 信息 : 您 使 用 了 屏蔽 的 昵称 。 
response. end 
exit for 
end if 
next 
"使 用 屏蔽 字符 
check content = txtcontent 
badwords = split(badwords.".") 
fori = 0 to ubound(badwords) 
if instr(check content.badwords(i))-0 then 
MessageBox "错误 信息 : 您 使 用 了 非法 的 留言 内 容 。" 
response. end 
exit for 
end if 
next 
Set rs = Server. CreateObject(" ADODB. Recordset") 
sql = "select * from guestbook" 
rs.open sql.conn.3,2 
rs.addnew 
rs("name") - txtname 
rs("email") - txtemail 
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rs("homepage") = txthomepage 

rs("come") = txtcome 

rs("oicq") = txtoicq 

rs("content") - txtcontent 

rs("head") - pic 

rs("dateandtime") = now() 

rs("reply") = reply 

rs("ip") = Request. ServerVariables("REMOTE HOST") 

rs("sex") = cint(sex) 

rs.update 

rs.close 

if cint(posttime) 一 二 0 then 

session("posttime") = now() 

end if 

response. redirect "index. asp" 
end if 
5 
<HTML> 
<HEAD> 
<TITLE> < % = rs9("name") % > </TITLE> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<meta name = "Keywords" CONTENT = "< % = rs9("name") % 二 ,留言 簿 "二 
"description" content = "< 5 = rs9("name") s >f El F E" 


<meta name = 
<style> 
sep 

BODY{ SCROLLBAR - FACE - COLOR: # cccccc; FONT- SIZE: 10px; SCROLLBAR - HIGHLIGHT - COLOR: # 
cccccc; SCROLLBAR - SHADOW - COLOR; # cccccc; COLOR; # 333333, SCROLLBAR - 3DLIGHT — COLOR; 
#ffffff; LINE — HEIGHT; normal; SCROLLBAR — ARROW — COLOR: # 000000; SCROLLBAR - TRACK — 
COLOR, # efefef; FONT - STYLE; normal; FONT - FAMILY; Verdana, Arial, Helvetica, sans - 
serif; SCROLLBAR - DARKSHADOW - COLOR; #999999 } 

table. td{ font;9pt "宋体 " } 

A ( COLOR: #000000; TEXT — DECORATION: none | 

A:hover { COLOR; #000000; TEXT — DECORATION; none | 

.td( font - family: X [K" ; font - size;9pt;line- height:150% | 

.big{ font;14.8px "Ak" | 

input{ height;18px; border - left; 1px ridge # ffffff; border - top:1px ridge # ffffff; border — 
bottom;lpx ridge;border - right:lpx ridge; background - color; # efefef; font - style:normal; 
font - variant;normal; font - weight:normal; font - size:9pt; font- family: 宋 体 } 

select{ background — color; # FFFFFF; border; lpx dotted # 999999; font - size: 9pt;color: 
#999999; } 

= 

</style> 

<script language = javascript> 

pd x 

function check() 

{ 

if(document. login. txtname. value == "") 

{alert(" 姓 名 不 能 为 空 ~~") ;return false] 

if(document. login. txtcontent. value == "") 
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lalert(C" Bl zi PI TEARS BE Jg 237 7") ;return false) 

if(document. login. checkcode. value == "") 

(alert (" EEG i3 AS REA 23^ 7") ; return false] 

} 

S 

</script> 

<LINK HREF = ". . /images/text. css" TYPE = "text/css" REL = "stylesheet" > 
</head> 


<body leftMargin = "0" topMargin = "0"> 
<center> script src = ".. /top. js"> </script> </center> 
<BR> 
<p align = "center" ><b>< font face = "华文 行 楷 ”size - "6" color = " # FF0000" >Æ JC f 
Ti fll vi. 0</font></b></p> 
<table width = "540" border = "0" cellspacing = "0" cellpadding = "0" align = "center"> 
<er> 
<td background = "images/bg left.gif" valign ="top" width= "100 & "> 
<table width = "100 % " border = "0" cellspacing = "0" cellpadding = "0"> 
<tr> 
<td colspan = "3" — < img src = 
height = "4" — — /td 
</tr> 
<tr> 
<td width= "4" background = " images/left_kuang_left. gif">< img src = "images/ 
left kuang left.gif" width= "4" height = "2"></td> 
<td width= "100 % " valign="top"> 
<table width = "100 %" border = "0" cellspacing = "0" cellpadding = "5" height = 


" images/left_kuang_top. gif" width = "100 %" 


"1005 "> 
<tr> 
<td class = "td" valign = "top"> 
<table align = center border = 0 cellpadding = 0 cellspacing = 1 bgcolor = 
"< % -rs9("bian") % >" width= 100 % > 
<tbody> 
<$ 
dim i 
i=1 
do while not rs. eof and mypagesize>œ>0 
id= rs("gbookid") 
name = rs("name") 
email = rs("email") 
homepage = rs(" homepage") 
oicq- rs("oicq") 
head = rs("head") 
content = rs("content") 
content - Autolink(content) 
dateandtime = rs("dateandtime") 
reply = rs("reply") 
reply = addlink(reply) 


sex = rs("sex") 
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$> 
tr 
<td bgcolor = "< % = rs9("bgss") $ >" rowspan= 2 width = 80> 
<center> 
<% if rs9("textonly") = 0 then % ><a href = " inages/3. gif" > 
<img border = 0 src = "< % = head $ >"></a> <br>< $ end if %> 
<br> 
<% = name $ > 
</center> 
</td> 
<td bgcolor = "< 5 = rs9("bgss") $ >" height = 20> 
<table border = 0 cellpadding = 0 cellspacing = 0 width = "99 % "> 
<tbody> 
<tr> 
<td valign = bottom width = "50 % "— — font class = cha2> 
发 表 于 : <% = dateandtime% ></font> 
</td> 
<td align= right width = "50 % "><img align = absBottom alt = 
— & = name $ > [1 — € = rs("come") $ > border = 0 
height = 16 src = "images/icon profile.gif" width= 16> <a 
<% if right(email.1)-— —"!" then % > href = "mailto:- % = email % >" < $ 
end if $ > title="< % =nameg% 过 的 邮件 地 址 是 : <% = email $ >"><img align = absBottom 
border = 0 height = 16 src = "images/icon_email. gif" width = 16> </a> <a 
title="< % = name % >} QQ Fik: — * =oicq% >">< img align = absBottom 
border = 0 height = 16 src = "images/icon_editor_oicq. gif" width = 16> </a> 
<a 
<% if right(homepage.1)-— "|!" then % — href = "< * = homepage % >" < % 
end if $ > target- blank title- "— 5 = name % — [i] £ H Jl dil je: <% = homepage & 二 "二 一 
img align = absBottom border = 0 height = 16 src = "images/icon homepage. gif" 
width = 16 二 一 /a> < img align = absBottom alt = < $ = name — [i IP 地 址 是 : 
<% =rs("ip")% > 
height = 16 src = "images/icon ip.gif" width= 16> 
<% if session("password") = "wpassword" then % > 
<a href = "reply. asp? gbookid = < % = id% > 
" title= "只 有 版 主 才 有 回复 的 权限 "二 二 img align= absBottom src = "images/icon reply topic. 
gif" width= "16" height = "16" border = "0"></a> 
<a href = "del.asp? gbookid- < $ = id% >" title=" 
只 有 版 主 才 有 删除 留言 的 权限 "二 一 img align= absBottom src = "images/icon delete reply. 
gif" width- "16" height = "16" border = "0"></a> 
=% end if %> 


</td> 
</tr> 
</tbody> 
</table> 
</td> 
</tr> 
Ltr 
<td bgcolor = "< % = rs9("bgsrc") % >" height = 80> 
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<table border = 0 cellpadding = 0 cellspacing = 2 width = "100 % "> 
<tbody> 
<tr> 
<td>< % = content $ ></td> 
</tr> 
<L> 
<td> 
< % if reply 一 二 "没有 "theng > 
<br> 
<hr size=1> 
<font color = " # 000000" — Jii 3: [n] f ; </font><font color = 
#B08291>< % = reply $ > </font> 
< send if $% > 


</td> 
</> 
</tbody> 
</table> 
</td> 
<A> 
<% 
mypagesize = mypagesize - 1 
i=i+1 
rs. movenext 
loop 
5 


一 tr 二 一 td bgcolor = "< 5 = rs9("bgs") % >" colspan= 2 height = 18 valign = bottom> 
<div align = center> 
<table width = "100 % " border = "0" cellspaci 
<form name = "form2" method = "post" action = "index. asp"> — tr^ 
<td align = "right" height = "22" — — font color = " i 000000" > JE <b> <% = rs. 
pagecount % ></b> Bi <b>< & = total % 二 一 /b> 条 留言 当前 第 一 b> 一 $% = page $ ></b> 
Ji <a href = "? page= 1" class = "black" — fi H </a> < % if pageœ>1 then $% > 
<a href = ? page= < % = page- 1 $ > class = "black"— [— </a> 
< 4 else% > 
上 一 页 
< $end if% > 
< % if page 一 rs.pagecount then% > 
<a href = ? page= < $% = page + 1 $ 7 class = "black" > F— Ji </a> 
< gelse $ > 
下 一 页 
=%end if $ > 
<a href = ? page= < 5 = rs. pagecount $ > class = "black" > Æ Ji </a> 
<l — <select name = "page" class = "bottom" > 
< % for i= 1 to rs. pagecount % > 
<option value = < $ =i% > 
<% 
if i= page then 


response. write" selected" 
end if $> 
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<% =i% ></option> 
< $ next $ > 
</select> 
<input type = "submit" name = "Submit22" value = "转向 " class = "bottom" > 
</font> 一 > <BR> 
< % for i= 1 to rs. pagecount 
if i= page then 
response. write "[< font color = # 666666 > <b>" + Cstr( i) + "</b></font>] " 
else 
response. write "[ <b>" + "<a href = '? page=" + cstr(i) + "'>" + Cstr(i) + "</a> </b>] " 
end if 
next $ > 
</td></tr> 
</form></table> </div> 
</td></tr></tbody> 
</table> 
<table align = center border = 0 cellpadding = 2 cellspacing = 1 bgcolor = " it D1DCE5" 
width = 1005 > 
<form action = index. asp method = post name = login onSubmit = "return check()"> 
<input type = hidden name = test value = insert> 
<tr><td bgcolor = " # FFFFFF" valign = top> 
<table border = 0 cellpadding = 0 cellspacing = 2> 
<tbody><tr> 
<td align = right width = 20> — img height = 16 src = "images/icon edit topic.gif" width = 16> 
</td> 
<td width = 33> <font class = cha2> lE 4&4 <a name = "bottom" ></a> </font> </td> 
<td><input maxlength = 20 name = txtname size = 20> 
<input name = username type = hidden> 
</td></tr><tr> 
<td align = right > < img border = 0 height = 16 src = "images/icon email.gif" 
width = 16></td> 
<td width = 33 二 一 font class = cha2>E-mail< /font></td><td> 
<input maxlength = 100 name = txtemail size = 20> 
td -/tr» «tr^ 
<td align = right> < img height = 16 src = "images/icon homepage. gif" width = 16></td> 
<td width = 33» -font class = cha2 7» # Ji </font> </td> 
—td--input maxlength = 100 name = txthomepage size = 20 value = http: //> 
[td «/tr» «tr» 
<td align = right > < img border = 0 height = 16 src = "images/icon editor oicq.gif" 
width = 16></td> 
<td width = 33 二 一 font class = cha27^ 0ICQ— /font </td> 
<td> <input maxlength = 9 name = txtoicq size = 20> 
</td> </tr><tr> 
<td align = right>< img height = 16 src = "images/icon profile.gif"width- 16> 
</td> 
<td width = 337 — font class = cha27» X Ĥ </font></td> 
<td> 
<select name = txtcome size = 1> 
<option selected value = [lt 7 — ff — if XE f£... 
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<option value = 北京 二 北京 
<option value = 广东 二 广东 
<option value= HH > EH 
<option value = JH fli hh K >H fii hh [X </option> 
</select></td></tr><tr> 
<td align = right>< img height = 16 src = "images/icon delete reply.gif" width = 16></td> 
<td width = 337» <font class = cha2> FE </font> </td> 
<td> 
<input maxlength = 10 name = checkcode size = 8 二 < img src = "checkcode. asp" align = 
"absbottom" > 
</td></tr></tbody> </table></td> 
<td bgcolor = " # FFFFFF" valign = top align = "center"> 
<table border = 0 cellpadding = 1 cellspacing = 0> 
<tbody> 
<tr> 
<td colspan= 3 height = "100"> 
< textarea class = editbox2 cols = 34 name = txtcontent rows = 5 type = "text" >< /textarea> 
</td> </tr><tr><td>< % if rs9("textonly") = 0 then $ > 
— ing alt= 个 人 形象 代表 height=32 id= face src = "images/1.gif" width = 32> </td> 
一 td 头像 一 /td 
<td><select name = xxx 


onChange = "document. images[ 'face']. src = options[ selectedIndex].value;" size- 1 二 
<option selected value = images/1.gif select 二 头像 1 
<option value = images/2. gif— 3. [$ 2 
<option value = images/3. gif-— 3. [$ 3 
<option value = images/4. gif 3k (f 4 
<option value = images/5. gif— 3. [$i 5 
</option></select>< $ end if % > 
<input class = bottom name = Submit type = submit value = "提交 "二 
<input class = bottom name = reset type = reset value = "HJj(" — 
«td « /tr2 « /tbody- </table> — /td- — /tr7 « /form- — /table- - /td- 
</tr></table></td> 
<td width = "4" background = " images/left_kuang_left. gif">< img 
src = "images/left_kuang_left. gif" width= "4" height = "2"></td> 
</tr><tr> 
<td colspan = "3"— — img src = "images/left kuang bottom.gif" width= "100 %" height = "4"> 
</td></tr></table> 
<table width = "100 % " border = "0" cellspacing= "0" cellpadding = "0" bgcolor = "it FFFFFF"> 
<tr><td height = "8" — — /td^ </tr></table> 
<table width = "100 % " border = "0" cellspacing = "0" cellpadding = "0"> <tr> 
<td colspan = "3"> — img src = "images/left kuang top.gif" width= "100 %" height = "4"> 
</td></tr><tr> 
<td width = "4" background = "images/left kuang left.gif"> 
<img src = "images/left kuang left.gif" width= "4" height = "2"></td> 
<td width = "100 % " height = "25" bgcolor = "it D1DCE5" align = "center" > 
[ <a href = "index. asp" > W ùk fi E </a> ] 
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[ <a href = "index. asp" > EG M A </a> ] 
[ <a href = "login. asp"> E HGR — /a7 ] 
[ <a href = "logout. asp" > È HiB H </a> ] 
</td> 
<td width= "4" background = "images/left_kuang_left. gif">< img 
src = "images/left kuang left.gif" width= "4" height = "2"></td> 


</tr><tr> 
<td colspan- "3"> < img src = " images/left_kuang_bottom. gif" width = "100 &" height = 
"ns 
</td></tr></table></td></table></body> 
</html> 


3. 将 文件 保存 为 D:\Inetpub\wwwroot\index. asp. 
4. 运行 该 程序 后 显示 如 图 5. 86 所 示 的 页 面 。 


星光 留言 每 V1.0 
REF : 2008-08-21 I] E] [93 [G] [e] 


pup 欢迎 使 用 星光 生计 入 系统 。 
软件 开发 :星光 软件 


Mx 电子 邮件 : cmjian8163. com 


主页 地 址 : http: cmjs. 14f. en 


共 1 页 1 条 留言 当前 第 1 页 首页 上 一 页 下 一 页 m | 


RBs  —  — E] | 
[i-i | 
DET http: | 
[joco p | 


ms pEr 本 es 
Rex 4647 uo] 28 EEH 提交 | mu] 


bs 


[ 网 站 首页 ] [ 查看 留言 ] [ 管理 登录 ] [ 注销 退出 ] 


图 5.86 星光 留言 短 系 统 主 页 面 


【小 结 】 

用 ASP 打造 基于 网 络 数据 库 的 应 用 程序 .是 网 络 程序 开发 中 的 重点 。 目 前 网 上 很 多 
留言 短 都 是 用 ASP 编制 的 ,大 家 可 以 参考 。 

通过 以 上 的 实 训 应 该 掌握 ASP 编写 基于 网 络 数据 库 应 用 程序 的 方法 ,特别 是 数据 库 
的 连接 及 SQL 语句 的 灵活 使 用 。 

本 实 训 建立 的 留言 簿 功能 不 是 很 全 面 , 请 大 家 查阅 资料 自己 加 以 完善 。 
【思考 题 】 

1. 如 何 为 留言 短 增 加、 删除 留言 功能 ? 

2. 如 何 按 指定 要 求 显示 留言 ? 如 按 姓名 、 按 主题 等 顺序 显示 ,请 自己 思考 。 

3. 如 何 增加 用 户 权限 的 处 理 功能 ? 


第 0 部 分 


电子 商务 网 站 建设 综合 实 训 


电子 商务 购物 网 站 是 目前 Internet 上 应 用 最 广泛 的 系统 之 一 。 其 运作 方式 主要 为 ; 
当 用 户 访问 电子 商务 网 站 时 ,首先 能 够 查询 ,浏览 该 网 站 的 所 有 商品 信息 ; 同时 ,用 户 能 


够 随时 选择 自己 感 兴趣 的 商品 放 入 购物 车 中 ,一 般 购 
物 车 是 虚拟 的 ,实际 上 是 存储 和 管理 预购 商品 名 称 、 价 
格 和 数量 的 数据 库 ; 接着 , 当 用 户 购 物 完毕 ,可 以 对 购 
物 车 中 的 商品 信息 进行 修改 ,比如 数量 的 增加 或 减少 ， 
最 后 用 户 确定 所 选 购 的 商品 后 ,提交 购物 车 数据 以 及 
交付 方式 和 地 点 ,完成 一 次 订单 操作 过 程 。 另 外 .为 了 
保证 数据 库 的 安全 性 和 商品 交易 的 顺利 进行 ,还 需要 
对 用 户 进行 管理 ,最 简单 的 方法 是 要 求 用 户 先 注册 ,再 
进行 身份 验证 。 这 类 网 站 购物 的 基本 流程 图 如 图 6. 1 
所 示 。 

通过 本 部 分 的 实 训 ,要 求 : 

1. 了 解 电子 商务 网 站 购物 的 基本 流程 ; 

2. 掌握 编写 电子 商务 网 站 的 方法 及 技巧 ; 

3. 学 会 用 ASP 语言 和 HTML 语言 解决 实际 
问题 。 


进入 电子 商务 网 站 


注册 会 员 


-- sx 上 


图 6.1 


一 一 一 一 | 产品 浏览 


Y 


1 


添加 至 购物 车 


去 收银 台 
i 
支付 


网 站 购物 的 基本 流程 图 


实 训 27 用 户 注册 登录 和 密码 验证 系统 实 训 


【 实 训 前 的 准备 】 
1. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 


2. 检查 在 Windows 98 系统 上 是 否 安装 了 PWS, 存 Windows 2000 系统 上 是 否 安 装 


T IIS 5.0, 


3. 打开 浏览 器 ,在 地 址 栏 中 输入 127. 0. 0. 1 测试 服务 器 主页 面 是 否 正常 运行 。 
4. 检查 系统 中 是 否 安装 有 Access 2000 .Dreamweaver、FrontPage、 记 事 本 等 软件 。 
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【 实 训 目 的 要 求 】 

l. 了 解 ASP 的 编程 和 运行 环境 。 

2. 熟悉 ASP 的 语法 结构 和 页 面 设计 的 整体 布局 。 

3. 掌握 后 台 连 接 数据 库 的 方法 。 

4. 学 会 连接 系统 各 个 模块 的 技巧 。 
【系统 功能 与 要 求 】 

大 多 数 电 子 商 务 网 站 在 基本 技术 上 都 类 似 , 为 了 说 明 一 个 完整 的 网 站 应 该 具备 的 基 
本 功能 ,将 以 电子 商务 购物 网 站 为 例 ,帮助 大 家 分 模块 完成 一 个 完整 的 系统 ,使 大 家 能 够 
触 类 旁 通 ,熟练 巧妙 地 运用 于 其 他 网 站 设计 中 。 本 实 训 主 要 介绍 用 户 注 册 、 登 录 、 身 份 验 
证 以 及 资料 修改 等 功能 实现 。 

1. 本 实 训 所 要 实现 的 功能 

OD 用 户 注册 。 

(2) 用 户 进入 系统 时 验证 用 户 身份 。 

(3) 未 经 注册 的 用 户 进 入 系统 时 显示 登录 失败 提示 。 

(4) 对 已 注册 用 户 在 不 同 页 面 显 示 用 户 信息 。 

(5) 已 注册 用 户 可 以 随时 更 改 用 户 资料 。 

本 系统 的 模块 如 图 6.2 所 示 。 

2. 数据 库 的 逻辑 设计 

本 实 训 用 的 是 Access 数据 库 , 也 可 以 根据 需要 转换 
成 SQL Server 数据 库 。 后 面 会 对 此 补充 说 明 ,这 里 不 再 
叙述 。 要 求 在 目录 D:\Inetpub\wwwroot\database F Œ 图 6.2 系统 模块 图 
一 个 名 称 为 db. mdb 的 数据 库 。 根 据 系统 要 求 , 相 关 的 数 
据 表 结构 如 下 。 

CD 管理 员 注 册 表 如 图 6. 3 所 示 ( 管 理 员 在 界面 上 不 能 注册 ,只 能 在 数据 库 中 添加 ) 。 


用 户 管理 系统 


图 6.3 管理 员 注册 表 


(2) 用 户 注 册 表 如 图 6.4 所 示 。 
【 实 训 内 容 及 操作 步骤 】 

【操作 1】 设计 网 站 登录 的 主页 面 

1. 打开 Dreamweaver 或 FrontPage 2000 网 页 编辑 工具 。 

2. 用 表格 和 框架 进行 页 面 布局 ,在 适当 位 置 上 增添 一 个 表单 ,该 表单 所 包含 的 元 素 
如 表 6. 1 所 示 。 
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ITINERE -ozx 
字段 名 称 说 明 
BN user_id 用 户 编号 
|user name 用 户 名 称 
user pass 用 户 密码 
|user mail 用 户 邮 箱 
user adds 用 户 地 址 
|user tel 用 户 电 话 
|user regtime 用 户 注册 时 间 
|user regip Pip 
user lasttime 用 户 最 后 一 次 访问 的 时 间 
user lastip 文本 用 户 最 后 一 次 访问 的 TF 地 址 
|user buymoney 文本 用 户 购买 侈 额 
user_postcode 文本 用 户 的 邮编 
|user namec 文本 联系 人 
user type 文本 用 户 类 型 il 


图 6.4 用 户 注册 表 


表 6.1 表单 元 素 一 览 表 


元 素 类 型 B 性 d 说 明 
文本 域 rad 接收 已 经 注册 的 用 户 名 
文本 域 ih ue 接收 已 经 注册 的 密码 
按钮 ee m 进入 新 用 户 注册 页 面 
按钮 了 提交 登录 信息 按钮 


3. 输入 以 下 代码 


<HTML> 

<HEAD> <TITLE> [9] E jj Ji 35 3& 3& t — / TITLE 

<META http - equiv = "Content - Type" content = "text/html; charset = gb2312" — <LINK 
href = adninimg/ManageMent. css" type = text/css rel = stylesheet> 


—STYLE-— TD 


n 
1 


FONT - SIZE: 9pt 
) 
</STYLE> 
<META content = "MSHTML 6. 00. 2800. 1589" name = GENERATOR> </HEAD> 
<BODY> 
<p align = "center" > &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; 
<b>< font face = "E XIT" size = "6" — [e] E- fidit DX XE 3i & Ab — / font — / b — /p- 
<TABLE id = tablel cellSpacing = 0 cellPadding = 0 width = 575 align = center border = 0— 
—TBODY-— 
<TR vAlign = top> 
<TD style = "FONT - SIZE: 9pt"> 
<TABLE id= table2 height = 147 cellSpacing = 2 cellPadding = 0 width = 575 
background = adminimg/2.gif border = 0> 
<TBODY> 
<TD style = "FONT- SIZE, 9pt" width = 1807- </> 
<TD style = "FONT - SIZE; 9pt" width = 389> <table width = "96 €" border = "0" 
cellspacing = "0" cellpadding = "0"> 


1 
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«tr 
<td height = "101"— 
<TABLE cellSpacing = 0 cellPadding = 0 width= "96 %" align = center 


border = 0— 
<form name = "forml" method = "post" action = "admin/Login2.asp" > 
<TBODY> 


<TR> 
<TD width= "46 &" height = 22><div align = "right" > HP: </div> </> 
<TD width = "54 % "> <INPUT 
name = username style = "HEIGHT; 20px" value=" " size= 15 background - color ; ></TD> 
</TR> 
<TR> 
<TD height = 22><div align= "righ">%# W: </div> — / TD 
<TD> <INPUT name = password type = password style = "HEIGHT; 20px" 
size=15 background - color; # faf8f5> </TD> 
</TR> 
<TR> 
<TD height = 22> <div align= "right" 4X PR: </div> —/TD 
<TD><SELECT name = quanxian size = "1" id= "quanxian"> 
<option value = "普通 用 户 " selected 3f ili HJ! </option> 
<option value = "VIP JH ! " —VIP HJ — /option— 
<option value = "超级 管理 员 "二 管理 fi </option> 
</SELECT> </TD> 
</TR> 
<TR> 
<TD colSpan = 2 height = 30> <DIV align = center> 
<input type = submit value = "提交 ”name = Submit> 
<input type = "button" name = "Submit2" value = "注册 ” 
</DIV>< / T> 
</BODY> 
</HTML> 


4. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\index. asp. 
5. 设计 验证 用 户 登 录 信息 页 面 。 

6. 运行 以 上 程序 后 显示 如 图 6. 5 所 示 的 页 面 。 

要 网 上 商城 登录 系统 - Microsoft Internet Explorer. inl xj 
文件 (E) REO FEV wwe IAD We) | dU 
Qa- O- 9g mss vom ^ 
[e apmmmEBLEZEIEI 


图 6.5 网 上 商城 社区 登录 系统 
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注意 : 验证 用 户 身份 的 代码 放 在 login2. asp 文件 中 ,验证 通过 时 ,将 页 面 重 定向 到 
index. asp。 在 验证 用 户 身 份 时 的 基本 思路 是 将 前 面 用 户 登 录 表单 中 的 信息 提取 出 来 ,与 
数据 库存 在 的 数据 进行 对 照 ,如 果 以 前 用 户 注册 过 ,那么 他 的 个 人 信息 会 保留 在 数据 库 中 
的 member 表 中 。 


【操作 2】 创建 用 户 登录 失败 后 出 现 的 信息 提示 页 面 

1. 如 果 在 表单 中 输入 的 内 容 在 数据 库 中 找 不 到 匹配 的 数据 ,或 者 根据 客户 端 验证 输 
入 的 信息 不 完整 ,就 会 出 现 错误 提示 信息 ,要 求 用 户 返回 主页 面 注册 或 者 重新 输入 。 

2. 在 记事 本 中 编写 login2. asp 文件 实现 上 述 功能 : 


< % (LANGUAGE = "VBSCRIPT" CODEPAGE = "936" % > 

<% 

"强制 浏览 器 重新 访问 服务 器 下 载 页 面 ,而 不 是 从 缓存 读 取 页 面 

Response. Buffer = True 

Response. Expires --1 

Response. ExpiresAbsolute = Now() - 1 

Response. Expires = 0 

Response. CacheControl = "no - cache" 

%> 

— | —- # include file = "conn. asp"--> 

<% 

username = Request ( username" ) 

password = Request ("password") 

if username = "" then 

response. write" — SCRIPT language = JavaScript>alert(' 请 填写 用 户 名 !');" 
response. write"history. back() ; </SCRIPT>" 

end if 

if password = "" then 

response. write" <SCRIPT language = JavaScript>alert(' 请 填写 密码 1'); 
response. write"history. back() ; </SCRIPT>" 

end if 

set rs2 = Server. CreateObject(" ADODB. RecordSet" ) 

sqlcmd = "Select * From prjl " 

rs. open sqlcmd,.conn.1.1 

if rs("Password") 一 二 password then 

response. write" — SCRIPT language = JavaScript alert( A WP IE M!) ; 
response. write"history. back() ; </SCRIPT>" 

end if 

if rs("username")< > username then 

response. write "<SCRIPT language = JavaScript>alert(' 用 户 名 不 正确 1');" 
response. write"history. back( ) ; </SCRIPT>" 

else 


" 


Response. Redirect "pp. asp" 

End If 

$> 

<$ 
if session("user name") - "" then 
user name = trim(request("user name")) 
user pass - trim(request("user pass")) 

or user pass - "" then 


if user name = 
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errmsg = errmsg t "<br>" + "一 1i 盖 用 户 名 和 用 户 密码 不 能 为 空 !" 
founderr = true 
end if 


sql-"select * from member where user name = '"&user name&" '" 
rs.open sql ,conn,3,3 
if rs. eof then 
errmsg = errmsg + "<br>" + "一 1i 盖 你 输入 的 用 户 不 存在 ! 必 
founderr = true 
elseif user pass- rs("user pass") then 
session("user name") - rs("user name") 
session("user type") = rs("user type") 
rs("user lasttime") = now() 
rs("user lastip") = request. servervariables("remote addr") 
rs.update 
else 
errmsg = errmsg t "<br>" + "— lic (ii A fr) ERRI" 
founderr - true 
end if 
rs.close 
if founderr - true then 
$> 
< % else% > 
— * response. redirect "index. asp" % > 
< 5 end if 
else 
response, redirect "index. asp" 
end if % > 
— p^» «font color = " # FFFFFF"><strong> H iR!!! </strong> </font></p> 
一 p 二 一 a href = "javascript :history. gol - 1)" —iZ Hl P RRE E R< a> </p> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\admin\login2. asp. 

4. 在 该 程序 中 嵌 套 着 两 个 程序 ,其 中 ,conn. asp 程序 主要 是 用 来 连接 数据 库 , 另 一 个 
pp. asp 程序 主要 是 用 来 提示 登录 成 功 , 转 入 下 一 步 工作 。 

5. 运行 以 上 程序 就 可 以 检测 用 户 输入 的 内 容 是 否 正确 ,如 果 输 入 不 正确 , 则 会 显示 
如 图 6.6 所 示 的 提示 信息 ,并 返回 index. asp 重新 输入 ,直到 输入 成 功 。 


Microsoft Internet Explorer: | B Microsoft Internet xj 


图 6.6 登录 失败 的 提示 信息 
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【操作 3] 连接 数据 库 程序 


1. 要 检测 用 户 所 输入 的 信息 是 否 正确 ,必定 是 将 用 户 输入 的 信息 与 原 数据 库 中 的 信 
息 进 行 比较 ,在 这 里 就 需要 连接 一 个 数据 库 。 
2. 在 记事 本 中 编写 conn. asp 文件 实现 上 述 功 能 : 


<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> jf ÆN 1</title> 

</head> 

<body> 

<$% 

DbPath = server.MapPath("db. mdb") 

Set conn = Server. CreateObject( "ADODB. Connection") 

conn. open "driver = (Microsoft Access Driver ( * . mdb) | ;dbq =" & DbPath 
sql - "select * from member" 

Set rs = Server. CreateObject( "ADODB. RecordSet" ) 

$> 

</body> 

</html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\admin\conn. aspe 


【操作 4】 设计 新 用 户 注册 页 面 

一 般 网 站 都 要 求 用 户 先 注册 成 为 会 员 ,才能 访问 网 站 的 具体 信息 。 这 样 做 的 目的 是 
便于 进行 用 户 管理 ,保证 网 站 的 安全 性 。 同 时 了 解 访问 网 站 用 户 的 基本 情况 ,可 以 有 针对 
性 地 提供 个 性 化 服务 ,有 利于 客户 关系 管理 。 

1. 打开 Dreamweaver 或 FrontPage 2000 网 页 编辑 工具 。 

2. 设计 一 个 表单 页 面 ,该 表单 包含 的 元 素 如 表 6. 2 所 示 。 


表 6.2 表单 元 素 一 览 表 


元 素 类 型 Worm d "ENT 
文本 域 a 输入 注册 的 用 户 名 
文本 域 Pra 输入 注册 的 用 户 密码 
文本 域 P 再 一 次 输入 用 户 密码 
I. en lt 输入 用 户 的 邮箱 
文本 域 pis pecu 输入 用 户 的 地 址 
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续 表 


元 素 类 型 E 性 d 说 明 

P 名 称 : user tel n E 

文本 域 uk Ac 输入 用 户 的 电话 号 码 

" 名 称 : user postcode " 
文本 域 属性 ;单行 输入 用 户 的 邮编 
i 名 称 : user namec "3 ET 

ET 属性 ,单行 输入 用 户 的 真实 姓名 
名 称 : B13 "e 

T 动作 :提交 表单 vista 

"m Ar. B22 将 表单 清空 到 未 填 
动作 : 重 置 表单 写 时 的 状态 


3. 在 记事 本 中 编写 regsave. asp 文件 实现 上 述 功能 。 要 注意 的 是 ,用 户 注册 前 要 对 
表单 输入 的 信息 进行 客户 端 验证 ,用 户 名 不 能 为 空 ,密码 或 确认 不 能 为 空 ,两 次 密码 必须 
相同 ,地 址 不 能 为 空 ,电话 号 码 不 能 为 空 ,E-mail 书写 格式 必须 有 效 ,邮编 不 能 为 空 ,用 户 
名 不 能 与 别人 已 经 注册 的 相同 。 


<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<meta http- equiv = "refresh" content = "3;url- index. asp"> 
<% 
function IsValidEmail(user_mail) 
dim names, name, i, c 
IsValidEmail - true 
names = Split(user mail, "@") 
if UBound(names) <> 1 then 
IsValidEmail - false 
exit function 
end if 
for each name in names 
if Len(name) —- 0 then 
IsValidEmail - false 
exit function 
end if 
fori = 1 to Len( name) 
c = Lcase(Mid(name. i. 1)) 
if InStr("abcdefghijklmnopgrstuvwxyz -.". c) <= 0 and not IsNumeric(c) then 
IsValidEmail - false 
exit function 
end if 
next 
if Left(name, 1) - or Right(name, 1) = "." then 
IsValidEmail - false 
exit function 


end if 
next 
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if InStr(names(1). ".") <= 0 then 
IsValidEmail - false 
exit function 
end if 
i = Len(names(1)) - InStrRev(names(1), ".") 
if i <> 2 andi <> 3 then 
IsValidEmail - false 
exit function 


end if 

if InStr(email, "..") > 0 then 
IsValidEmail - false 

end if 


end function 
dim user name.user pass.user pass2.user mail.user adds.user tel.uesr postcode 
if trin(request("user name")) - "" then 
errmsg = errmsg + "一 br 二 "+ "— li^ P fip zs" 
founderr - true 
else 
user name = trim(request("user name")) 
end if 
if trim(request("user pass")) ="" or trin(request("user pass2")) - "" then 
errmsg = errmsg + "一 br 二 "+ "<li> 46 (0 sX Bf i As fie Jg 2s" 
founderr - true 
else 
user pass - trim(request("user pass")) 
user pass2 = trim(request("user pass2")) 
end if 


if user pass <> user pass2 then 
errmsg = errmsg t "一 br 二 "+ "— 1i WKAR [8] " 
founder - true 

end if 

if request("user adds") = "" then 
errmsg = errmsg t "<Br>" + "— lic Jh hb REAS" 
founderr = true 

else 
user adds = request("user adds") 

end if 


if request("user tel") - "" then 
if not IsNumeric(request("user tel")) then 
errmsg = errmsg t "<br>" t "一 1i 盖 电话 号 码 不 能 为 空 
founderr = true 
end if 
else 
user tel- request("user tel") 
end if 
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if isvalidemail(trim(request("user mail"))) = false then 
errmsg = errmsg t "<br>" + "一 1i 盖 你 的 E- mail 有 错误 ” 
founderr - true 

else 
user mail- trim(request("user mail")) 

end if 

if request("user postcode") = "" then 
errmsg = errmsg + "一 br 二 "+ "<li> MBRR fe JU os" 
founderr - true 

else 
user postcode - request("user postcode") 

end if 

sql = "select * from member where user name = '"&user name&" '" 

rs. open sql.conn.3.3 

if not rs. eof then 
errmsg = errmsg t "一 br 二 "+ "一 1i 二 用 户 名 已 被 别人 注册 " 
founderr = true 

end if 

rs.close 

$> 

</head> 


4. 如 果 注 册 信 息 可 以 通过 客户 端 验证 ,那么 编写 代码 使 表单 中 注册 的 内 容 添加 到 数 
据 库 中 的 member 表 。 这 里 要 用 到 SQL 语句 查询 数据 库 , 用 select 筛选 记录 ,用 Addnew 
方法 插入 记录 ,用 update 方法 更 新 记录 等 操作 。 具 体 代 码 如 下 : 


< %if founderr = false then 
Sql = "select * from member where user name = '"&user nameg"'" 
rs.open sql.conn.3.3 
rs. addnew 
rs("user name") - user name 
rs("user pass") - user pass 
rs("user adds") = user adds 
rs("user mail") - user mail 
rs("user tel") = user tel 
rs("user regip") = request. servervariables("remote addr") 
rs("user postcode") - user postcode 
rs("user namec") - request("user namec") 
rs("user type") = "Afi" 
rs.update 
rs.close 
$> 


【操作 5】 创建 注册 成 功 显示 页 面 
在 这 个 页 面 上 要 显示 刚才 注册 的 内 容 . 以 及 注册 成 功 的 信息 。 所 用 到 的 知识 点 主要 
是 用 表单 传递 网 页 变量 ,实际 上 就 是 如 何 将 注册 表单 当中 的 信息 输出 。 具 体 代码 参考 
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regsave. asp 文件 o 


1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 regsave2. asp 文件 实现 上 述 功能 ,代码 如 下 : 


<html> 
<TITLE> Y E R WE M A </TITLE> 
<p align = "center" ><font face = "华文 行 楷 ”size = "6" — [3 EI JI — / font — / p 
<table width= "90 €" border = "0" cellpadding = "0" cellspacing = "0" 
style = "border - collapse: collapse" bordercolor = " # 111111"> 
<tr> 
<td width = "33 $" height = "25" — — div align = "right" > fJ A: </div></td> 
<td width= "67$" height = "25" — div align = "center" >< % = user name % ></div> 
</td> 
</tr> 
«tr 
<td width = "33 % " height = "25" — — div align = "right" ^ fij. </div></td> 
<td width= "67$" height = "25" — — div align = "center" ^ — % = user pass * ></div> 
一 /td> 
«/[tr^ 
«tr 
<td width = "33 % " height = "25" —— div align= "right" —E- mail; </div></td> 
<td width= "67%" height = "25" — — div align = "center" ^ — % = user mil%></div> 
</td> 
</tr> 
<tr> 
<td width = "33 % " height 
<td width = "67 $" height = 
</td> 
</tr> 
<tr> 
<td width = "33$ " height = "25" — — div align = "right" > Hiifi: </div></td> 
<td width= "67 %" height = "25" — — div align = "center" >< % = user tel$& ></div> 
</td> 
</tr> 
<tr> 
<td width = "33 % " height = "25" — — div align = "right" > M: </div></td> 
<td width = "67%" height = "25" — — div align = "center" — — % = user postcode % > 
</div></td> 
</tr> 
<tr> 
<td height = "25" colspan- "2"> <div align = "center" ><a href = "index. asp" > iff 3l [nl 
首页 登录 ,3 PA BSpBRI T /a- </div></td> 
</tr> 
<tr> 
<td colspan = "2"></td> 
< 
<tr> <td colspan = "2"></td> 
KJER 
</table> 


"25"><div align= "right" — fü fb: </div></td> 
"25" — — div align = "center" >< $% = user adds $& > </div> 


1 
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<tr> 


<td width = "100 €" height = "25" align = "center" bgcolor = "#0099FF"> 

<font color = " # FFFFFE" — i: HMHK Wi — / font </td> 

</tr> 

<tr> <td bgcolor = " # d3elfd"> <table border = "0" width= "100 %" cellspacing = "1"> 
<tr> 

<td width = "100 % "> 

</td> 

</tr> 

</table> 

</html> 


3. 运行 以 上 程序 显示 如 图 6.7 所 示 的 页 面 。 


T Fd EREDEETRUR & - Microsoft Internet Explorer |=] E1 
文件 (编辑 (E) FEV KAW IAD WR» FP 


OO dN ii 
[omm EE ”| LET E 


» 
18 AC 3, 20 
Hem RAA 
E: — 8065478f 
E-mail: — chenhaoliang@163. con 
zi 


地 址 ， ”杭州 市 西湖 大 道 176 号 
电话 : 28856789 


邮编 ， 310048 
请 3 


5 


- 


E-S[TTTT!T els := Ha 


图 6.7 注册 成 功 显示 页 面 


【操作 6】 创建 用 户 资料 修改 界面 

用 户 登 录 成 功 以 后 ,有 可 能 在 购物 过 程 中 想 修改 个 人 资料 ,这 时 可 以 通过 生成 一 
更 改 的 表单 界面 ,里 面 显 示 的 初始 化 信息 是 用 户 已 经 注册 的 信息 。 

1. 打开 Dreamweaver 或 记事 本 软件 。 

2. 编写 modify. asp 文件 实现 上 述 功能 ,代码 如 下 : 


=htnml> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> HP VORHE PCT / title 

</head> 

<body> 

<table width = "90 % " border = "0" cellspacing = "0" style = "border - collapse: collapse" 
bordercolor = " #111111" cellpadding = "0"> 

<tr> 
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<td width = "21 %" height = "25"><div align = "right" — H P4: </div></td> 

<td width = "79 $" height = "25" — — div align = "left" >< % = rs("user name") % ></div> 
</td> 

</tr> 

bp 

<td width = "21 % " height = "25" — — div align = "right" ^ iB. </div></td> 

<td width= "79$" height = "25" — < input style = "FONT - SIZE, 12px; WIDTH; 210px" type = 
"text" name = "user pass" size = "36" class = input value = "< % = rs("user pass") $ >"> 
</td> 

</tr> 

<tr> 

<td width = "21 % " height = "25"><div align = "right">E- mail; </div></td> 

<td width= "79 %" height = "25"> < input style = "FONT - SIZE; 12px; WIDTH; 210px" type = 
"text" name = "user mail" size = "36" class = input value = "< % = rs("user mail") $ >"> 
</td> 

<e> 

<tr> 

<td width = "21 % " height = "25"— — div align = "right" > M ği: </div></td> 

<td width= "79%" height = "25"> < input style = "FONT - SIZE; 12px; WIDTH; 210px" type = 
"text" name= "user tel" size = "36" class = input value = "< % = rs("user_tel") $& >"> 
</td> 

</tr> 

<tr> 

<td width = "21 % " height = "25"— — div align = "right" > MKI: </div></td> 

<td width= "79 % "height = "25"> < input style = "FONT - SIZE; 12px; WIDTH; 110px" type = 
"text" name = "user postcode" size = "36" class = input value - "< % = rs("user postcode") % >"> 
</td> 

</tr> 

<tr> 

<td width = "21 % " height = "25" — — div align = "right" >} ht: </div></td> 

<td width= "79$" height = "25"> < input style = "FONT - SIZE; 12px; WIDTH; 260px" type = 
"text" name = "user adds" size = "36" class = input value = "< % = rs("user_adds") $ >"> 
</td> 

</tr> 

<tr> 

<td width = "21 €" height = "25" — — div align = "right" ^ HKA: </div></td> 

<td width= "79$" height = "25"> < input style = "FONT - SIZE; 12px; WIDTH; 110px" type= 
"text" name = "user namec" size = "36" class = input value = "< % = rs("user namec") % >"> 
</td> 

</tr> 

<tr> 

< $% rs. close %$ > 

<td height = "35" colspan = "2"> < table width = "40%" border = "0" align = "center" 
cellpadding = "0" cellspacing = "0"> 

Stc 

—td- «div align = "center"> 

<input align= absMiddle alt = 确定 cache name = "B1" 

src = "ing/pics/ok.gif" type= image tppabs = "" width = "45" height = "20"— 
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</tr> 
</table> 
</body> 
</html> 


3. 运行 以 上 程序 显示 如 图 6. 8 所 示 的 界面 。 


AP ERER - Microsoft Internet Explorer 

XO SEO SEV BMA TA WR) 

Qa- O-ha cose vom 四“ 
HEO [E] htpynccahostjasplad T] EJ RA | "^ eem 7 


用 户 名 : 
EX 
E-mail: 


电话 : 


邮政 编码 : 
地 址 : 
真实 姓名 : 


图 6.8 用 户 资料 修改 界面 


4. 用 户 直 接 在 表单 文本 框 内 修改 信息 ,并 单 击 “确定 ”按钮 后 ,将 更 改 后 的 信息 保存 
在 数据 库 中 。 
【小 结 】 

通过 以 上 的 实 训 , 学 生 可 以 了 解 ASP 的 运行 环境 ,熟悉 ASP 的 语法 结构 ,掌握 用 
ASP 创建 动态 网 页 的 技术 。 这 些 实 训 主要 帮助 同学 们 了 解 如 何 设计 完成 用 户 注册 登录 和 
密码 验证 系统 。 以 上 所 有 的 实 训 都 在 文本 编辑 软件 中 进行 编辑 修改 ,保存 的 扩展 名 为 .asp。 
【思考 题 】 

1. 注册 成 功 页 面 和 修改 用 户 信息 页 面 在 代码 上 有 什么 异同 ? 

2. 什么 是 客户 端 验证 ? 什么 是 服务 器 端 验证 ? 

3. 如 何 将 现 有 系统 改造 成 一 个 单独 的 用 户 登录 、 注 册页 面 ? 

4. 如 何在 原 有 的 功能 上 增加 用 户 权 限 的 设置 ? 
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【 实 训 前 的 准备 】 
1. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 
2. 检查 在 Windows 98 系统 上 是 否 安装 了 PWS, 在 Windows 2000 系统 上 是 否 安 装 
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3. 打开 浏览 器 ,在 地 址 栏 中 输入 127. 0. 0. 1 测试 服务 器 主页 面 是 否 正常 运行 。 

4. 检查 系统 中 是 否 安装 有 Access 2000、Dreamweaver、FrontPage、 记 事 本 等 软件 。 
【 实 训 目的 要 求 】 

1. 熟悉 ASP 的 编程 和 运行 环境 。 

2. 掌握 利用 框架 来 布局 页 面 。 

3. 掌握 后 台 连 接 数 据 库 的 方法 。 

4. 进一步 巩固 select 查询 语句 的 使 用 ,掌握 多 种 查询 方法 。 
【系统 功能 与 要 求 】 

商品 信息 的 发 布 功能 是 在 线 购物 网 站 不 可 缺少 的 功能 。 要 求 商家 提供 给 用 户 商品 的 
分 类 信息 和 详细 资料 ,包括 现 有 商品 .新 到 商品 .畅销 商品 以 及 这 些 商 品 的 数量 .质量 、 价 
格 .生产 日 期 .产地 、 联 系 方式 和 售后 服务 等 ,最 好 附 有 样品 的 照片 来 说 明 。 对 于 新 的 商品 
信息 的 添加 是 通过 在 后 台数 据 库 的 相应 数据 表 中 录入 商品 信息 来 实现 的 ,有 了 时 也 有 通过 
直接 在 线 方式 添加 的 。 

1. 本 实 训 所 要 实现 的 功能 

(1) 向 用 户 显示 各 类 商品 的 详细 信息 。 

(2) 允许 用 户 对 商品 可 以 进行 分 类 查找 。 

(3) 允许 用 户 对 商品 按照 日 期 查询 。 

(4) 显示 商品 的 销售 排行 榜 。 

本 系统 的 模块 结构 如 图 6.9 所 示 。 

2. ASP 与 数据 库 的 连接 程序 

本 实 训 用 的 是 Access 数据 库 , 要求 在 目录 
D:\Inetpub\wwwroot\database 下 建 一 个 名 称 为 图 6.9 系统 模块 结构 图 
db. mdb 的 数据 库 。 本 实 训 不 需要 建立 ODBC 数 
据 源 ,将 连接 数据 库 的 代码 放 在 conn. asp 文件 中 ,然后 在 所 有 需要 连接 数据 库 的 程序 代 
码 开始 加 入 包含 文件 二 ! 一 #include file "conn. asp"-->., conn. asp 代码 如 下 : 


商品 管理 系统 


ER 


AEDAŞ 
SETIS EET 


<% @ language = VBScript % > 
<$ 
Session. TimeOut = 120 
Server. ScriptTimeout = 180 

dim conn 

dim connstr 

dim db 

db = "database/db. mdb" 
DbPath = server. MapPath( "db. mdb") 
Set conn = Server. CreateObject("ADODB. Connection") 
conn. open "driver = {Microsoft Access Driver ( * . mdb) | ;dbq = " & DbPath 
Set rs = Server.CreateObject("ADODB. RecordSet" ) 
$> 
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3. 数据 表 结 构 
CD 商品 类 别 表 的 结构 如 图 6. 10 所 示 。 


图 6.10 商品 类 别 表 


(2) 商品 信息 表 的 结构 如 图 6. 11 所 示 。 


图 6.11 商品 信息 表 


【 实 训 内 容 及 操作 步骤 】 

【操作 1】 创建 商品 显示 的 主页 面 

1. 打开 Dreamweaver 或 FrontPage 2000 网 页 编辑 工具 。 

2. 商品 分 类 信息 中 显示 的 内 容 来 源 于 商品 类 别 表 sort. 显示 该 表 中 信息 的 代码 
Wb: 


<html> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> H mi war A O </title> 
</head> 
<body> 
— | — # include file = "conn. asp"--> 
<$% 

sql = "select * from sort" 

rs. open sgl.conn.1.1 

if rs. bof and rs. eof then 

response. write "没有 任何 分 类 " 


else 

do while not rs.eof 
$> 
<table cellspacing = 0 cellpadding = 0 width = "44 % " background = "" border = 0 二 
<tbody> 


<tr height = 22> 
<td width = 60 align = "center" >< img src = "image/jito.gif" width= "15" 
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height = "15"></td> 


<td width = "374" — 


<a href = "sort.asp? sort id- < * = rs("sort id")%>"><u><% = rs("sort name") $ > 


</u></a> 
</td></tr> 
</tbody> 
</table> 

<%  rs.movenext 
loop 

end if 

rs.close %> 
</body> 
</html> 


3. 将 以 上 代码 文件 保存 为 D:\Inetpub\wwwroot\modifymain. asp. 
4. 运行 以 上 程序 后 显示 如 图 6. 12 所 示 的 界面 。 


246827 Sa BICI -Microsoft Internet Explorer M [=] E: | 
XO dp SEV BRA IAD Wk» A 


Qse-Q- x iz |o» i 


HEO [E htpc] H Aa EE 


G 卡通 玩具 
网 电动 玩具 
加 EHHA 
加 eue 
Q 汽车 玩具 
器 欧美 玩具 


[C HN 


图 6.12 系统 主 界面 


【操作 2】 创建 分 类 商品 显示 页 面 
1. 打开 Dreamweaver 或 FrontPage 2000 网 页 编辑 工具 。 
2. 商品 分 类 信息 显示 页 面 的 代码 如 下 : 


<html> 
<head> 


<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> 42€ il dh fri B BÍ L1 </title> 


</head> 
<body> 


<} — # include file = "conn. asp"--> 
<% set rs = server. createobject("adodb. recordset") 
sort_id = trim(request("sort_id")) 


if sort_id = empty then 


response. redirect "index. asp" 


end if 


1 
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if sort id-— 0 then 
sql- "select * from hw where sort id= "t cstr(sort id) +" order by hw id desc" 
else 
sql = "select * from hw order by hw id desc" 
end if 
rs.open sql.conn.3.3 
if rs.eof then 
response. write "你 所 选 的 类 别 没 有 商品 ” 
response. end 
i-0 
dim hw id().hw name().hw cash().pifa( .daili().hw views(). - 
hw buysO .hw content().hw pic().hw date() 
do while not rs. eof and ( i-rs. pagesize) 
i=i+1 
redim preserve hw id(i),hw name(i),hw cash(i).pifa(i).daili(i), 
hw views(i).hw buys(i).hw content(i).hw pic(i).hw date(i) 
hw id(i)- rs("hw id") 
hw name(i) = rs("hw name") 
hw cash(i) = rs("hw cash") 
pifa(i) = rs("pifa") 
daili(i) = rs("daili") 
hw_views(i) = rs("hw_views") 
hw buys(i) = rs("hw buys") 
hw content(i) = rs("hw content") 
hw pic(i) = rs("hw pic") 
hw date(i) = rs("hw date") 
rs.movenext 
loop 
end if 
rs.close 
$> 
<% for i=1 to ubound(hw_id) & > 
<table width = "100 % " border = "0" align= "center" cellpadding = "0" cellspacing = "0"> 
«tr 
<td width = "25 % " rowspan = "5" bgcolor = " # FFFFFF" align- "left"> 
<a href = "views. asp? hw id- < % - hw id(i) % >">< img border = "0" src - "— % = hw pic 
(i) & >" width= "120" height = "85"></a> </td> 
<td height = "25" bgcolor = "i£ FFFFFF" width= "75$ "> </td> 
</tr> 
<tr> 
<td height = "28" bgcolor = " # FFFFFF" width= "75 % "> 
<a href = "views. asp? hw_id= < % =hw_id(i) % >"> 
<font color = " # 006699"><u>< $% = hw name(i) & ></u> </font> </a></td> 
</tr> 
<tr> 
<td height = "28" style = "line - height; 20px" bgcolor = " # FFFFFF" width = "75$" > 
<% =hw_content(i) $ ></td> 
< 
<tr> 
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<td height = "28" bgcolor = " # FFFFFF" width= "75 € "— ili Ej fft f: <s>< $% = pifa(i)*& > 
去 /s> 元 本 站 会 员 价 : 

<% =hw_cash(i)% >Jù VIP 价 : Y <% = daili(i)s 二 元 一 br 二 一 a href = ' javascript: 
openbag(— % = hw id(i) $& >)'> 

订购 二 img border = "0" src= "img/order.gif" align = "middle" > </a></td> 

</tr> 

<tr> 

<td height = "25" bgcolor = "it FFFFFF" width= "75 $"— </td> 

</tr> 

</table> 

< $ next $% > 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\sort. asp. 


【操作 3】 按 商品 关键 字 进 行 信 息 查询 
1. 打开 Dreamweaver 或 FrontPage 2000 网 页 编辑 工具 ,在 主页 面 index. asp 上 设计 


一 个 带 有 输入 框 和 查询 按钮 的 表单 。 


2. 创建 表单 执行 程序 search. asp 文件 。 部 分 代码 如 下 : 


<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
title Ig ZR [title 
</head> 
<body> 
— | 一 # include file = "conn. asp"--> 
<div align = "center"> 
<center> 
<table width = "500" border = "0" cellpadding = "0" cellspacing = "0" 
style = "margin - bottom; 6; border - collapse;collapse" bordercolor = " # 111111"> 
<tr> 
<td width = "99 * " align = "center" bgcolor = " # 0099FF" height = "25"><b>< font 
color = " # FFFFFF" > fE 4 £f JR — /font></b></td> 
</tr> 
<tr> 
<td height = "100" colspan 
<table border = "0" width= 
align = "center" > 
<% if session("sort id") - "" then % > 
<% hw name- request("hw name") 
sql = "select * from hw where hw name like '% "&hw name&" % 'order by hw id DESC" 
rs. open sql.conn.3.3 % > 
< $ else % > 
< % sort_id = request("sort id") 
hw_name = request("hw name") 
sql- "select * from hw where sort id- '"&sort_id&"'and hw name like 
'*"&hw name&" $ ' order by hw id DESC" 
rs.open sql.conn.3.3 
end if 
if rs.eof then 


"2" bgcolor = "it d3elfd"-— <div align = "center" ></div> 
00" cellspacing = "0" cellpadding = "0" height = "5" 


201 
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$> 

<tr> 

<td width = "380" > PA (4 92 $R (60 R n .请 先 确定 商品 的 类 别 二 /td 二 
tr 
< else% > 
< %do while not rs.eof % > 
ir 
<td><a href = "views. asp? hw id- < % - rs("hw id") $ >"> <b class = "dz1"> 
<$ 
name = rs("hw name") 


""Shw_nameg"") 


name = replace(name,hw name, 
response. write name 
5 

</b> </a></td> 
</tr> 

<% rs.movenext 
loop 

end if 

rs.close $> 
</table> 

<br> </td> 
</tr> 

</table> 
</center> 

</div> 

</body> 

</html> 


运行 以 上 程序 后 显示 如 图 6. 13 所 示 的 界面 。 


p RHR - Microsoft Internet Explorer —| 


文件 (E) ”编辑 (E) FEV REA IAD 帮助 (H) 
Qae- O- A A| prr voeem ol 
HAHO [E] htp:/iocahostjaspjsearch”] EJ PS | 链接 > 


6.13 商品 搜索 结果 界面 
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【操作 4】 按照 日 期 查询 商品 

1. 如 同 按 商品 名 称 查询 的 方法 ,在 主页 面 做 一 个 包含 日 期 输入 框 和 提交 按钮 的 表单 。 

2. 创建 xinpin. asp 文件 , 它 是 表单 提交 后 要 执行 的 程序 。 在 这 个 程序 中 将 表单 文本 
框 输入 的 数据 通过 session 对 象 存储 和 传递 ,并 且 与 数据 库 中 hw 表 的 hw. date 字段 中 保 
存 的 数据 进行 比较 ,将 符合 查询 日 期 的 商品 名 称 显 示 出 来 。 

3. 该 部 分 的 代码 如 下 : 


<div align = "center"> 
<center> 
<table width = "500" border = "0" cellpadding = cellspacing = "0" style = "margin 一 
bottom: 6; border - collapse:collapse" bordercolor = " # 111111"> 
<tr> 
<td width = "99 % " align = "center" bgcolor = " # 0099FF" height = "25" — <b> < font color = 
" # FFFFFE" 18 8 Zi. — /font></b></td> 
</tr> 
«tr 
一 td height = "100" colspan- "2" bgcolor = "i d3elfd"> <div align = "center"></div> 
<table border = "0" width = "300" cellspacing = "0" cellpadding = "0" height = "5" align = 
"center" 二 
< % if session("sort id")= 
< * hw date = request ("key") 
sql = "select * from hw where hw date = #"&hw_date&" # order by hw id DESC" 
rs. open sql.conn.3.3 
$> 
< else% > 
<% sort id- request("sort id") 
hw date = request("key") 
sql = "select * from hw where hw date = #"ghw date&" & order by hw id DESC" 
rs.open sql.conn.3.3 
end if 
if rs.eof then 
$> 
<tr> 
<td width = "380" > PEA ( 9 TE T di if AC UR GE A i 10 36 9 </td> 
</tr> 
<s else $ > 
< % do while not rs. eof % > 
<tr> 
<td><a href = "views. asp? hw_id= < % - rs("hw id") $ >"> <b class = "dz1"— 
<$ 


name = rs("hw name") 


then $ > 


—|—- name= replace(name,hw_name,""&hw_name&"") 一 二 
response. write name 
5 
</b> </a></td> 
</tr> 
<% rs.movenext 
loop 


电子 商务 网 站 建设 与 管理 实 训 (第 2 版 ) 


end if 
rs.close 
$> 
</table> 
<br> <table width = "100 %" height = "25" border = "0" cellpadding = "0" cellspacing = 
"on 
<tr> 
<td valign = "middle" — — div align = "center" — — img src = "img/pics/seperator. gif" 
width = "359" height = "1"— — /div— </td> 
</tr> 
</table> 
<br> </td> 
KS 
</table> 
</center> 
</div> 


【操作 5】 创建 商品 销售 排行 页 面 

一 般 的 电子 商务 网 站 都 会 设置 销售 排行 榜 ,主要 是 为 了 吸引 用 户 的 注意 ,帮助 消费 者 
了 解 市 场 的 需求 状况 ,这 种 提示 有 时 会 对 消费 者 购买 决策 有 很 大 的 影响 。 所 谓 销售 排行 
榜 的 形成 是 根据 数据 库 中 商品 购买 数量 采用 降序 排列 实现 的 。 

1. 实现 排行 榜 功 能 的 paihang. asp 程序 的 主要 代码 如 下 : 


<html> <head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 

<title> H m t BHT </title> 

</head> 

— | — # include file = "conn. asp"--> 

<body> 

<tr> 

<td align="center"> 

<% sql= "select top 10 * from hw order by hw buys DESC" 
rs.open sql ,conn,3,3 
if rs. eof then 

response. write "本 站 目前 没有 成 交 任何 商品 " 


else 
i=0 
do while not rs. eof 
$> 
<table width = "100 % " border = "0" cellspacing = "0" cellpadding = "0"> 
<tr> 


<td width = "70 €" height = "22" bgcolor = "it FFFFFF" > &nbsp; 
<a href = "views.asp? hw_id= < $ = rs("hw id") $ >">< % = rs("hw name") $ ></a> 
</td> 
<td width = "30 % " bgcolor = " # FFFFFF">< $ = rs("daili") & ></td> 
</tr> 
</table> 
<% isi+tl 
if i—10 then exit do 
rs.movenext 


rs.close 
% > </td></tr></body><=</htnl> 


2. 运行 以 上 程序 后 显示 如 图 6. 14 所 示 的 页 面 。 
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入 商品 销售 排行 榜 - Microsoft Internet Explorer =| 口 | X| 
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图 6.14 销售 排行 榜 页 面 


【小 结 】 


通过 以 上 的 实 训 ,学 生 可 以 了 解 电子 商务 网 站 登录 系统 的 内 容 设 计 和 开发 ,除了 网 页 
设计 和 结构 设计 之 外 ,还 要 设计 动态 交互 式 的 网 页 ,以 适应 网 络 消费 者 的 购买 需求 。 本 实 
训 可 使 学 生 掌 握 登录 系统 的 开发 方法 ,掌握 连接 Web 数据 库 的 方式 ,以 及 通过 关键 字 .日 
期 等 查询 商品 的 代码 设计 技巧 ,同时 如 何 通过 销售 排行 榜 来 反映 商品 的 销售 状况 ,使 学 生 


了 解 一 个 Web 网 站 应 该 具有 的 基本 功能 。 
【思考 题 】 


1. 对 于 电子 商务 购物 网 站 应 如 何 进行 网 页 设计 与 布局 ? 


如何 通过 框架 和 表格 设计 商品 显示 页 面 ? 


< 如何 将 分 页 技术 应 用 于 商品 页 面 的 显示 ? 


2 
3. 如 果 建 立 ODBC 数据 源 ,数据 库 连 接 代码 应 如 何 调整 ? 
4 
5 


. 如果 商品 存在 二 级 分 类 时 该 如 何 处 理 ? 
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本 实 训 主要 介绍 用 户 如 何 选 定 自己 的 商品 ,购物 车 的 实现 和 订单 的 自动 生成 。 


【 实 训 前 的 准备 】 


1. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 
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2. 检查 在 Windows 98 系统 上 是 否 安装 了 PWS, 在 Windows 2000 系统 上 是 否 安装 
3 SEO 

3. 打开 浏览 器 ,在 地 址 栏 中 输入 127. 0.0. 1 测试 服务 器 主页 面 是 否 正常 运行 。 

4. 检查 系统 中 是 否 安装 有 Access 2000、Dreamweaver、FrontPage、 记 事 本 等 软件 。 

【 实 训 目的 要 求 】 

1. 熟悉 ASP 的 编程 和 运行 环境 。 

2. 了 解 在 线 购物 的 支持 功能 。 

3. 掌握 购物 车 功能 的 实现 方法 。 

4. 掌握 在 线 订单 的 直接 生成 方法 。 

【系统 功能 与 要 求 】 

当 用 户 对 某 一 商品 感 兴趣 并 单 击 * 放 和 人 购物 车 ?按钮 时 ,购物 车 应 保存 有 该 商品 ,这 是 
商品 的 选择 过 程 。 用 户 可 以 继续 选 购 其 他 商品 ,等 到 用 户 选 货 完毕 后 ,对 购物 车 中 的 信息 
进行 修正 ,然后 提交 购物 数据 ,这 是 对 商品 下 订单 的 过 程 。 网 络 服务 器 将 购物 车 数据 和 订 
单数 据 分 别 存放 到 数据 库 相 应 的 表 中 ,最 后 由 管理 员 根 据 订 单数 据 组 织 配 货 和 送 货 。 

1. 本 实 训 所 要 实现 的 功能 

(1) 允许 用 户 选 择 自 己 感 兴趣 的 商品 。 

(2) 允许 用 户 在 线 购 买 商品 并 对 购物 车 进行 管理 。 

(3) 系统 在 收银 台 完 成 商品 结算 。 

(4) 系统 自动 生成 订单 处 理 。 

(5) 系统 能 够 显示 完成 整个 购物 过 程 。 

本 系统 的 模块 结构 如 图 6. 15 所 示 。 

网 上 订购 业务 流程 如 图 6. 16 所 示 。 


产品 浏览 


购物 车 与 订单 生成 系统 添加 至 购物 车 
1 
m 。 去 收银 台 
会 Sn 
m "i ü A 非 会 员 
订 E] 台 动 订 - 
Vg 购 确 生 单 注册 会 员 
商 物 认 成 投 i 
品 车 购 il Vr 
X 音 o 支付 
图 6.15 系统 模块 结构 图 图 6.16 网 上 订购 业务 流程 图 


2. 数据 库 的 逻辑 设计 
COD 本 实 训 用 的 是 Access 数据 库 ,要求 在 目录 D:\Inetpub\wwwroot\database 下 
一 个 名 称 为 db. mdb 的 数据 库 。 本 实 训 不 需要 建立 ODBC 数据 源 ,将 连接 数据 库 
的 代码 放 在 conn. asp 文件 中 ,然后 在 所 有 需要 连接 数据 库 的 程序 代码 开始 加 入 包含 文 


fF—! —£ include file— "conn. asp", 
(2) 购物 车 表 basket 的 结构 如 图 6. 17 所 示 。 


jbasket id 
bw id 文本 黄 物 编号 
ser name 文本 用 户 名 称 
basket count 文本 购买 数量 
basket date 日 期 /时 间 购买 日 期 
basket check 是 / 否 是 否 查看 购物 车 
basket adnincheck 是 / 否 是 否 通过 管理 员 
hw name 文本 货物 名 称 
dw cash 文本 黄 物价 格 
sub pmber 文本 订单 号 码 
daili 文本 VIP 价格 
isi 
图 6.17 购物 车 表 


(3) 订单 表 sub 的 结构 如 图 6. 18 所 示 。 


图 6.18 订单 表 


(4) 投诉 表 ts 的 结构 如 图 6. 19 所 示 。 


投诉 单 编号 
AP. 


文本 投诉 定单 号 
日 期 /时 间 投诉 日 期 
图 6.19 投诉 表 


【 实 训 内 容 及 操作 步骤 】 
【操作 1】 设计 查看 商品 详细 信息 的 页 面 


第 6 部 分 电子 商务 网 站 建设 综合 实 训 TN 


1. 设计 查看 商品 详细 信息 页 面 views. asp, 用 表格 和 框架 进行 页 面 布局 ,在 适当 位 置 
加 入 购物 车 标记 。 在 这 个 页 面 里 要 包含 的 内 容 有 商品 名 称 、 商 品 价格 (市 场 价 、 会 员 价 、 


VIP 价 )、 产 品 介绍 、 商 品 说 明 、 商 品 售 后 服务 等 。 
2. sort. asp 文件 的 部 分 代码 如 下 : 


<a href = "views.asp? hw_id= < % - hw id(i) % —"—-font color = "it006699"— —u-— 


<% - hw nane(i) $ ></u></font></a> 


以 上 代码 超 链接 到 views. asp 页 面 ,该 页 面 及 部 分 主要 代码 如 下 : 
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<$ 
sql-"select * from hw where hw id- "&int(request("hw id")) 
rs. open sql.conn,3.3 
if rs. eof then 
$> 
<tr> 
<td width= "380" height = "18"> 没有 找到 你 要 查看 的 商品 </td> 
</tr> 
< $ else 
do while not rs. eof 
$> 
«tr 
<td width = "180" style = "border - right: # 989DA5 1px solid"> 
<div align = "center" ><a href = "< $& = rs("hw pic") % >" target="_blank"> 
<img border = "0" src="< % - rs("hw pic") $ >" width= "140" height = "120"><br> 
<br> 
[查看 大 图 片 ]</a></div></td> 
<td width= "362" align = "center" ><a href = "views. asp? hw id- < % = rs("hw id") % 
DU 
<font color = " # D06800" — — b class = "dz1"></b></font></a> 
<div align = "center" 二 
<center> 
<table width = "90 % " border = "1" cellpadding = cellspacing = "0" style= 
"border - collapse: collapse" bordercolor = " # 808080" bgcolor = " # ECECEC" > 
<tr align = "center" > 
<td height = "25" colspan = "2"> W ih 44 FK: <a href = "views. asp? hw id- 
<% =rs("hw_id") $ >">< $ = rs("hw name") $ ></a> </td> 
</tr> 
<tr bgcolor = " # FFFFFF" > 
<td width= "50 %" height = "25"> 
<div align= "right"> 市 场 价 格 : </div> 
</td> 
<td width= "50%" height = "25"— 
<div align = "center" — s» Y < % =rs("pifa")%s></s> 元 </div> 
</td> 
[tr 


【操作 2】 构造 购物 车 的 程序 代码 
1. 购物 车 是 虚拟 的 ,实际 是 将 用 户 选 择 的 商品 存放 到 数据 库 相 应 的 表 中 。 首 先 在 
views. asp 中 加 入 以 下 代码 作为 购物 车 的 标志 : 


<div align = "center"><a href = 'javascript:openbag( 一 % = rs("hw id") % —)'—iJl-— img 
border = "0" src = "img/order. gif" align = "absmiddle" ></a></div> 


其 中 ,openbag 是 个 自 定义 函数 ,其 定义 的 内 容 在 top. asp 中 : 


<script> 
function openbag( id) 
{ window. open( "basket. asp? hw_id=" + id,"","height = 420,width = 460, 
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left = 190,top = 10.resizable = yes,scrollbars = yes.status = no.toolbar = no. 
menubar = no, location = no");] 
</script> 
2. 创建 basket. asp 文件 实现 购物 车 的 功能 。 
假如 用 户 没有 登录 ,页面 会 提示 以 下 信息 : 
。 你 尚未 登录 ! 请 登录 后 再 订购 本 站 手机 ! 
。 第 一 次 来 本 站 ,请 先 注册 会 员 (免费 )! 
这 样 ,购物 过 程 无 法 进行 下 去 。 如 果 用 户 已 经 注册 并 且 登 录 成 功 , 选 定 商品 放 和 人 购物 
车 就 会 显示 如 图 6. 20 所 示 的 页 面 信息 。 


I sa 的 购物 于 -Microsof Internet Explorer 


图 6.20 查看 购物 车 页 面 


3. 其 中 显示 选 购 商 品 信 息 包 括 商 品名 称 、 商 品 单价 ,订购 数量 和 确认 按钮 ,实质 是 个 
表单 ,提交 以 后 执行 buy. asp。 实 现 这 些 功能 的 代码 如 下 : 


<% dim rs.sql 

sql = "select * from hw where hw id- "&request("hw id") 
set rs = server. createobject( "adodb. recordset") 

rs. open sql ,conn,3.3 


$> 

<table border = "0" width= "400" cellspacing = "0" cellpadding = "0"> 

«tr 

<td height = "20" align = "center" bgcolor = "it 0099FF" — — font color = " # FFFFFE" > ff 3 Wy 
Tin ig io fri </font> — /td- 

</tr> 


<tr> <td height = "16"— 

<form method = "POST"action = "buy. asp? action = buy&hw id- < % = rs("hw id") $ > &hw 
name= — % = rs("hw name") $ >&hw_cash= < * if session("user_type") = "会 员 " then% > 
<s =rs("hw_cash") & > 

< s else % > 

<% -rs("daili") % > 

< gend if $ > "> 

<table border = "0" width= "100 %" cellspacing = "0" height = "34" cellpadding = "0"> 
<tr bgcolor = " # FFFFFF"> 

<td width = "398" bgcolor = " # d3elfd"> 


电子 商务 网 站 建设 与 管理 实 训 (第 2 版) 


<div align= "center" — 

<center> 

<table width= "90%" border = "0" cellpadding = "0" cellspacing = "0" style = "border — 
collapse: collapse" bordercolor = " # 111111"> 

<tr background = " ing/pics/tile bg.gif"— 

<td width = "155" height = "25"> <div align = "center" > [ij m 44 P </div> </td> 
<td width = "60" height = "25"> <div align = "center" > jig m f fft </div></td> 
<td width = "60" height = "25"> <div align = "center" >}J h ği </div></td> 
<td width = "80" height = "25"> <div align = "center" > MU lg 3c — / div </td> 
</tr> 

<tr> <td width = "155" height = "30"> <div align = "center" >< % = rs("hw name") % > 
</div></td> 

<td width = "60" height = "30"> <div align = "center"> 

< % if session("user type") = "会 员 " then% > 

<% =rs("hw_cash") $ > 

< else% > 

<% -rs("daili") $ > 

«5 end if $ > 

元 </div></td> 

<td width = "60" height = "30"> <div align = "center"> 

<select size= "1" name = "count"> 

«*fori = 1tol05-— 

option — % = i$ ></option> 

< g% next $ > 

</select> 

</div></td> 

<td width = "80" height = "30"> <div align = "center"> 

— input name = Bl type = image id = "Bl" src = "img/pics/ok.gif" alt= 投 诉 align= absMiddle 
width = "45" height = "20" cache tppabs = ""> 

</div></td> 

</tr> 

</table> 

</center> 

</div></tr> 

</table> 


4. 单 击 “确定 ”按钮 提交 表单 后 显示 当前 已 经 订购 商品 的 名 称 、 商 品 单价 、 订 购 数 量 、 


订购 时 间 和 合计 金额 。 代 码 见 buy. asp 文件 ,页 面 如 图 6. 21 所 示 。 


J 3 的 购物 车 - Microsoft Internet Explorer 


商品 名 称 商品 单价 订购 数量 ”订购 时 间 


2005-5-19 
SIRTE 
SUE 1 23:42:42 


2005-5-19 
BE 25 元 1 234542 
Sit: 


ELLUEADOERLDIIAESECDELAE-I 7.2 8 


ll 


6.21 确认 购买 商品 页 面 
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5. 如 果 重 复 购 买 活动 , 选 定 的 商品 将 添加 到 basket 表 中 的 代码 ,最 后 统计 出 购买 商 
品 的 累计 金额 。 


dim sql.rs 
set rs = server. createobject( "adodb. recordset" ) 
if request("action") = "buy" then 


if request("count") - "" then 
count = 1 
else 
count = request ("count") 
end if 
if request("hw_id") = "" then 
response. write "A Ji $e 9j 1" 
else 
hw id- request("hw id") 
end if 


sql = "select * from basket where hw id- '"&hw id&"'and user name- '" 
&session("user name")&"' and basket check false" 
rs. open sql.conn.3.3 
if rs.eof then 
rs.addnew 
rs("hw id") = hw id 
" Nd naai ^ 
rs("user name") - session("user name") 
rs("basket count") - count 
rs("basket date") = now() 
rs("hw name") - request("hw name") 
rs("hw cash") = request("hw cash") 
else 
rs("basket count") = int(rs("basket count")) + int(count) 
end if 
rs.update 
rs.close 


6. 将 basket 表 中 的 数据 循环 输出 并 统计 出 总 购买 金额 的 代码 : 


«s 

sql = "select * from basket where user name = '"&session("user name")&"'and basket check = 
false" 

rs. open sql ,conn,3,3 

do while not rs. eof $ > 

<tr> 

<td width= "155" height = "25"> <div align = "center" ><a href = "clear. asp? basket_id = 
<% -rs("basket id") % >"><fontcolor = " # FF0000">< % = rs("hw name") $ > </font> 


</a> </div></td> 
<td width = "65" height = "25"> <div align= "center" > < % = rs("hw cash") % > 元 二 /div 二 
</td> 


<td width = "65" height = "25"> <div align = "center" >< % = rs("basket_count") % > 
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</div></td> 

<td width = "65" height = "25"> <div align = "center" >< % = rs("basket_date") % > 
</div></td> 

<%a=0%> 

<td width = "65" height = "25"> <div align = "center"> 

<% - rs("hw cash") * rs("basket count") $% > Jù </div></td> 

< $% totalcash- totalcash + (rs("hw cash") * rs("basket count")) $ > 
</tr> 

<% rs.movenext 

loop 

rs. close 

$> 


7. 在 购物 车 页 面 上 还 包含 了 4 个 按钮 分 别 指 向 不 同 的 页 面 ,它们 是 “查看 购物 车 ”、 


“清空 购物 车 ”“ 收 银 台 付款 ”“ 继 续 购 物 ”。 它 们 各 自 执行 的 程序 如 下 : 


<tr> 

<td width = "33 % "><a href = "buy. asp" > < img src = " img/pics/lookbcar. gif" width = 
"100" height = "20" border = "0"></a> </td> 

<td width = "33 % "><a href = "clear. asp" > < img src = "img/pics/relbcar. gif" width = 
"100" height = "20" border = "0"></a> </td> 

<td width = "33 & "><a href = "cash. asp" >< img src = " img/pics/gobuy. gif" width = "100" 
height = "20" border = "0"></a> </td> 

<td width = "33 % "><a href = "index. asp" ^ < img src = " img/pics/cart. gif" width = "100" 
height = "20"border = "0"></a> </td> 

Jtr 


8. 其 中 去 收银 台 付款 执行 程序 cash. asp, 代 码 类 似 于 buy. asp, 所 不 同 的 是 单 击 “ 确 


定 ” 按 钮 表单 执行 的 程序 为 cashsave. asp。 如 图 6.22 所 示 的 是 收银 台 付 款 页 面 。 


图 6.22 收银 台 付 款 页 面 


【操作 3】 订单 自动 生成 页 面 
1. 创建 cashsave. asp 文件 。 其 主要 功能 是 将 用 户 最 终 购买 商品 的 信息 添加 到 


basket 表 中 ,生成 相应 的 订单 号 sub_number: sub_number 二 user_name&.now()。 在 
cashsave. asp 文件 中 还 提供 一 个 表单 ,主要 是 填写 收 货 人 的 详细 信息 以 及 付款 方式 ,其 表 
单 结构 如 表 6.3 所 示 。 
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表 6.3 表单 结构 一 览 表 


元 素 类 型 属 性 值 说 明 
文本 域 aa 输入 收 货 人 的 姓名 

文本 域 a 输入 收 货 人 的 地 址 

文本 域 e peagi 输入 收 货 人 的 邮编 

文本 域 idee 输入 收 货 人 的 电话 

文本 域 m 输入 收 货 人 的 电子 邮箱 

下 拉 列 表 杠 ao 选择 交 货 方式 

文本 域 cupi 输入 备注 信息 

按钮 S ridi 提交 收 货 人 信息 

按钮 ssepe itm 将 表单 清空 到 未 填写 时 的 状态 


填写 收 货 人 信息 页 面 如 图 6. 23 所 示 。 


图 6.23 填写 收 货 人 信息 页 面 


表单 上 显示 的 初始 化 信息 是 用 户 登录 注册 时 的 信息 ,这 时 用 户 可 以 对 收 货 人 的 详细 
联系 方式 再 做 修改 ,注意 填写 表单 时 要 满足 客户 端的 验证 : 


<script language = "JavaScript" > 
<= 

if (parent. frames. length > 0) { 
parent. location.href = location. href; 
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} 
function forml onsubmit() { 
if (document. formi. sub to.value-- "") 
1 
alert(" 收 货 人 姓名 不 能 为 空 。) 
document. forml.sub to.focus() 
return false 
} 
else if(document. forml. sub_adds. value == "") 
1 
alert(" 收 货 人 地 址 不 能 为 空 。) 
document. forml.sub adds.focus() 
return false 
} 
else if(document.forml.sub post.value-- 
{ 
alert(" 收 货 人 邮编 不 能 为 空 。) 


document. forml.sub post.focus() 


"ny 


return false 
} 
else if(document. forml. sub_tel. value == 
{ 
alert(" 联 系 电话 不 能 为 空 。) 


document. forml. sub_tel. focus() 


"ny 


return false 
j 
else if(document. forml.sub mail.value-- "") 
1 
alert(" 联 系 邮 箱 不 能 为 空 。) 
document. forml.sub mail.focus() 
return false 
} 
} 
过 
</script> 


假如 收 货 人 名 字 为 空 ,那么 要 求 重 定向 到 主页 面 并 要 求 重新 登录 或 注册 。 如 果 收 货 
人 信息 需要 修改 ,那么 修改 好 之 后 的 数据 将 被 保存 在 数据 库 的 sub 表 中 ,这 段 功能 的 代码 
WTF: 


<$ 
if request("sub number") = "" then 
response. write "没有 此 订单 信息 ” 
else 
sub to= request("sub to") 
sub adds = request("sub adds") 
sub mail- request("sub mail") 
sub tel- request("sub tel") 
sub post - request("sub post") 


sub number - request("sub number") 
qian = request("gian") 
other = request( other") 
sql = "select * from sub where sub number = '"&sub number&" '" 
rs.open sql.conn.3.3 
rs("sub to") = sub to 
rs("sub tel") = sub tel 
rs("sub post") = sub post 
rs("sub mail") - sub mail 
rs("sub adds") = sub adds 
rs("qian") = qian 
rs("other") = other 
rs.update 
rs.close 
$> 


2. 表单 确认 后 根据 用 户 本 人 填写 的 收 货 人 信息 生成 相应 的 订单 以 供 核对 ,实际 上 
也 就 是 将 sub 表 里 面 的 数据 输出 。 具 体 代 码 见 saveto. asp 文件 ,运行 结果 如 图 6. 24 
所 示 。 


JAWA? -Microsoft Internet Explorer. 


请 记 牢 本 订单 号 ， 你 可 以 使 用 本 订单 号 对 成 交情 况 进行 查询 和 投诉 


BA : aa 
ibit : bb 
isig: 310012 
"i: 123456 

E-mail: cy@163com 


EERBARE 
<< 谢 谢 合 作 返回 首页 


图 6.24 订单 生成 页 面 


【操作 4】 生成 订单 投诉 页 面 

做 好 售后 服务 ,建立 良好 的 客户 关系 是 电子 商务 成 败 的 一 个 重要 因素 。 要 想 树立 良 
好 的 信誉 度 , 保 证 最 大 可 能 的 满足 用 户 需 求 , 就 需要 与 客户 之 间 建 立 一 个 有 效 的 沟通 方 
式 。 有 些 网 站 建立 BBS .留言 板 `. 网 上 问卷 调查 发 电子 邮件 等 方式 在 商家 与 顾客 之 间架 
起 一 坐 信息 的 桥梁 。 在 本 实 训 中 只 要 用 户 在 订单 投诉 页 面 上 写 明 订单 号 和 用 户 名 ,就 能 
将 意见 反馈 给 商家 。 该 页 面 如 图 6. 25 所 示 。 
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E] 玩具 购物 网 站 - Microsoft Internet Explorer 

IHE AMD SEO) BRA IAD EPH 

YE +- OAAR uen Qus  3-35-3950 
Wo- [Emono s] OB |w” HRS 加 ”分 (Seis 


ERRE p RHR bama p ANS 


MPS: 
Sas: NENNEN 


CES 


ALESE ms SARR Itb o mA RE ERA ISRHEROETCO 
TARR | KERM | QABA | SAREN | TEIL | ERIK | HEDI 

Copyright 2004 © cty 设计 TI A11 Rights Reserved 

客户 服务 中 心 偿 箱 : cvy 219063 con QQ:12345618 


图 6.25 订单 投诉 页 面 


编写 代码 如 下 所 示 : 


<$% 
if request("user name") = "" then 
founderr - true 
errmsg = errnsg&" <br>" + "— lic (d Fl PE UE] fie ERAP" 
else 
user name = request("user name") 
end if 


if request("sub number") - "" then 

founderr - true 

errmsg = errmsg&" <br>" + "— lic (E HE UE BE E HE ci] g" 
else 

sub number - request("sub number") 
end if 


if founderr - false then 
sql- "select * from sub where sub number = '""&sub number&"'and _ 


I man 


&user name& 
set rs = server. createobject("adodb. recordset") 


user name 


rs.open sql.conn.3.3 
if rs.eof then 
founderr - true 
errmsg = errmsg&" <br>" + "— lic HP RAII HR (i a" 
else 
set rsl = server. createobject( "adodb. recordset") 
sgll-"select * from ts where sub number = '"&sub number&" '" 
rs1. open sqll.conn,3.3 
if rs1. eof then 
rsl.addnew 
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rsl("user name") = rs("user name") 
rsl("sub number") = rs("sub number") 
rsl("ts date") = now() 
rsl.update 
else 
founderr - true 
errmsg = errmsg&" <BR>" € "一 1i 盖 请 不 要 重复 提交 投诉 信息 ! 
end if 
rsl.close 
set rsl- nothing 
end if 
rs.close 
end if 
$> 
<$ 
if founderr<>false then 
response. write" 请 确认 您 的 投诉 信息 " 


else 
response. write" 您 的 投诉 信息 已 经 确认 !1" 
end if 
%> 
<$ 


if founderr<>false then 
response. write errmsg 

else 
response. write" 您 的 投诉 订单 为 :" 
response. write "<font color = red>" 
response. write sub_number 
response. write "< /font><br>" 
response. write " 我 们 会 尽快 地 处 理 给 您 一 个 满意 的 答复 " 

end if 

rs.close 

$> 


【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 了 解 电子 商务 网 站 的 购物 环境 ,掌握 实现 在 线 购 物 功 能 的 
方法 ,掌握 购物 车 的 创建 原理 以 及 如 何 对 数据 库 进 行 操 作 ,生成 动态 交互 式 网 页 。 

以 上 所 有 的 代码 都 在 记事 本 软件 中 编辑 修改 ,当然 也 可 以 用 其 他 的 编辑 软件 进行 纺 
辑 修改 。 
【思考 题 】 

l. 购买 多 种 商品 时 如 何 计算 总 价格 ? 

2. 购物 车 是 什么 ”其 功能 如 何 实现 ? 

3. 如 何 将 更 改 后 的 收 货 人 信息 添加 到 数据 表 中 去 。 

4. 订单 是 怎样 自动 生成 的 ? 

5. 如 果 要 在 订单 投诉 上 增加 投诉 内 容 将 如 何 实现 。 
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实 训 30 图 书 管理 借阅 系统 实 训 


本 实 训 主要 介绍 如 何 实现 简单 的 查询 管理 系统 的 基本 功能 。 
【 实 训 前 的 准备 】 

1. 检查 操作 系统 是 否 是 Windows 98/2000/XP。 

2. 检查 在 Windows 98 系统 上 是 否 安装 了 PWS. 在 Windows 2000 系统 上 是 否 安 装 
T TS5.0, 

3. 打开 浏览 器 ,在 地 址 栏 中 输入 127. 0. 0. 1 测试 服务 器 主页 面 是 否 正常 运行 。 

4. 检查 系统 中 是 否 安 装 有 Access 2000, Dreamweaver, FrontPage, it 3E A& 45 kE. 
【 实 训 目的 要 求 】 

1. 熟悉 ASP 的 编程 和 运行 环境 。 

2. 了 解 一 般 管 理 系 统 所 支持 的 功能 。 

3. 掌握 查询 功能 的 实现 方法 。 

4. 掌握 添加 、 删除、 修改 功能 的 实现 方法 。 
【系统 功能 与 要 求 】 

作为 一 个 功能 非常 简单 的 图 书 管理 借阅 系统 ,主要 能 够 实现 对 已 有 书目 的 查询 以 及 
添加 \ 删 除 \ 修 改 等 功能 ,在 查询 功能 当中 最 好 能 够 同时 提供 多 种 查询 方式 ,满足 各 类 用 户 
查询 的 需要 。 系 统 有 简单 的 页 面 加 密 、 页 面 密码 (注意 密码 的 大 小 写 ) ,实现 了 图 书 分 类 、 
图 书 添加 、 图 书 管理 、 借 书 会 员 管 理 , 借 书 管理 、 还 书 管理 ,书本 废弃 管理 等 功能 。 通 过 实 
训 使 学 生 能 掌握 学 习 参 数 之 间 的 互相 传递 和 SQL 查询 应 用 技巧 。 

1. 本 实 训 所 要 实现 的 功能 

(1) 图 书 分 类 管理 。 

(2) 图 书 借阅 管理 。 

(3) 会 员 借 阅 。 

(4) 会 员 归还 。 

(5) 会 员 管 理 。 

(6) 会 员 列表 。 

(7) 添加 图 书 。 

(8) 查询 书籍 。 

(9) 废除 图 书 统计 。 

2. 数据 库 的 逻辑 设计 

本 实 训 用 的 是 Access 数据 库 , 要 求 在 目录 D:\Inetpub\wwwroot\date 下 建 一 个 名 
称 为 book. mdb 数据 库 。 

3. 数据 表 结 构 

(1) 图 书馆 图 书 清单 表 book 的 结构 如 图 6. 26 所 示 。 

(2) 图 书 借入 登记 表 borrow 的 结构 如 图 6. 27 所 示 。 
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(3) 读者 登记 表 reader 的 结构 如 图 6. 28 所 示 。 


画 book : 表 
ià booktypeid writer publishing bookmoney bookdate booknane P 

1 2ET 电子 工业 出 版 社 38 2008-05-11 网 络 营销 00 

2 2 冯 英 键 清华 出 版 社 39 2007-02-23 网 络 营销 基础 与 3 00 

3 2 Hfbie 东北 财经 大 学 出 上 24 2007-05-12 电子 商务 网 站 建 T00 

4 2 马 大 川 既 济 科学 出 版 社 28 2001-08-22 电子 商务 教程 ”00 
21 2*8 清华 大 学 出 版 社 30 2006-09-12 电子 商务 基础 00 
22 2 马 素 珍 机 械 工业 出 版 社 21 2007-09-03 会 计 电 算 化 实 训 00 
23 2 潘 上 水 中 国 金 融 出 版 社 65 2007-09-21 会 计 电 算 化 实 训 : 00 
24 2 毛 高 电子 工业 出 版 社 85 2005-06-25 计算 机 图 形 学 。 00 
25 2 毛 度 清华 大 学 出 版 社 TB 2008-01-05 计算 机 图 形 学 原 持 00 
26 2 余 右面 中 国 爹 融 出 版 社 32 2006-02-03 经 济 原理 学 o0 
27 2 余 冬 天 人 民 邮 电 出 版 社 EJ 2007-12-26 4rXeEEUBE ERES 00 
29 2785 清华 大 学 出 版 社 25 2008-10-05 网 页 制作 原理 — 00 
30 2 LEEJONE 中 华 出 版 社 55 2006-02-02 FC 手机 00 
31 2 ANDSHUN 北京 人 民 出 版 社 22 2001-03-08 JS 教程 10 
32 2 FDS. JASK 人 民 出 版 社 88 2004-01-23 FC 10 
38 5 孙 大 方 北京 大 学 出 版 社 36 2002-10-12 清华 设计 二 00 
39 5 小 百货 民族 大 学 出 版 社 45 2001-12-21 清华 设计 三 00 
40 5 孙 小 雷 杭州 出 版 社 100 2000-02-02 清华 设计 一 00 
50 3. 孙 大 雷 北京 出 版 社 100 2000-02-02 网 络 大 全 00 

图 6.26 图 书 清单 表 
MEE 


:C] D 80) NBV 插入 Q) 格式 @) 记录 @) IAV SOW WR 0D -8 
E x 


HAYAM lL y a TAAl ox) A A 


borrowtxt _ a 
我 想 何 时 能 异 到 
这 本 书 很 好 的 
这 是 
这 个 想 异 一 下 ,下 


10 e [nt rs] 共有 记录 数 : 10 
“BER” 视图 EN A 


图 6.27 图 书 借入 登记 表 


EET RED NBV 插入 I) 格式 Q) ERA 


IRO 窗口 中) 


帮助 0D) -8 


M- LAGCEPXAR IRE CERA AL JURE EM 

010-23123123 TARSOS 我 就 是 爱 中 国 

010-11554512 北京 大 学 1210 号 ERER? 

0574-63551790 北京 大 学 10 号 (MR 

0570-68345457 “北京 市 四 环 路 100 爱 自 己 就 是 选择 

0570-68345468 “北京 市 四 环 路 231 孙 孙 是 。。。 
sadf 


sdg sdgsdgsf. sdgsdfgsf 


WR: i|] 6 > inje] 共有 记录 数 : 8 
“RER” ND 


图 6.28 读者 登记 表 
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【 实 训 内 容 及 操作 步骤 】 


【操作 1】 设计 用 户 登 录 的 页 面 
1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 以 下 代码 : 


<script Language = "JavaScript" > 
function password() | 

var testV - 1; 

var clf = prompt CH iA A 803. .' 0; 
while (testV — 3) | 

if (f clf) 

history. go( - 1); 

if (clf == "123456789") { 

alert IE BE 1); 

break; 

} 

testV += 1; 

var clf - 

prompt "密码 错误 ! 请 重新 输入 :'); 

} 

if (clf! = "password" & testV == 3) 
history. go( - 1); 

return " "; 

} 

document. write(password()); 
</script> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\checkuser. asp. 


4. 运行 该 程序 后 显示 如 图 6. 29 所 示 的 界面 。 


z 
脚本 提示 : 
请 输入 密码 : E | 
123456789 


wise 
mm | 


! 请 重新 输入 : 


图 6.29 用 户 登 录 密码 检测 


【操作 2】 图 书 管理 借阅 系统 主页 面 


Microsoft Internet Explorer 3] 


1. 打开 Dreamweaver 3% FrontPage 2000 网 页 编辑 工具 。 


2. 单 击 “ 框 架 " 模 块 ,将 整个 网 页 分 成 左右 两 部 分 。 
3. 为 左 侧 部 分 网 页 输入 以 下 代码 : 
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=1—— # include file = "conn.asp"—> 
<$ 
sql = "select * from booktype" 
set rs 7 db. execute( sq1) 
$> 
<html> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title></title> 
<link href = " images/style. css" rel = "stylesheet" type = "text/css"> 
<style type = "text/css"> 
xb-— 
body 
{ 
background - image; url(images/net sub01 01. jpg); 

} 
一 > 
</style> </head> 
<body leftmargin = "0" topmargin = marginwidth = "0" marginheight = "0"> 
<table width = "216" border = "0" align= "center" cellpadding = "2" cellspacing = "0"> 

<tr> 

<td height = "51" colspan = "2" valign="top"> <a class = 2 href = "qlook. asp" 
target = "right"> 
</a><br> 
<table class = 1 width = "98 % " border = "0" align= "center" cellpadding = "3" 

r= 


cellspacing = 
<tr> 
<td height = "25" align = "center" bgcolor = " # F9FBEC" ><a 
href = "modify. asp" target = "right"> 
<font size = "4" face = "方正 行 楷 简 体 ”color = " # 0000FF" > [9 45 4) 25 45 M 
</font></a> </td> 
</tr> 
< % do while not rs. eof % > 
«tr 
<td align "center" class = "2" —a 
href = "look. asp? booktypeid = < $ = rs("booktypeid") % >" 
target = "right" >< % = rs("booktype") $ ></a> </td> 
</tr> 
<$ 
rs.movenext 


loop 
$> 
<t> 

<td height = "25" align = "center" bgcolor = " # F9FBEC" > 

<font face = "方正 行 楷 简 体 ”size = "4" color = " # 0000FF" > [S 5 (5 BL E P 
</font></td> 

tr 
<tr> 

<td align= "center" class = "2"><a href = "boroow in.asp" 
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target = "right" > £ Bi ff B] </a></td> 
</tr> 
«Uu 
<td align= "center" class = "2" 二 一 a href = "borrow. asp" 
target = "right" — 2 R HÆ </a></td> 
«/[tr 
tr 
<td align= "center" class = "2" — a href = "borrow. asp" 
target = "right" > $ [f] 91] € </a></td> 
</tr> 
<tr> 
<td height = "25" align = "center" bgcolor = " # F9FBEC" > 
<font face = "方正 行 楷 简 体 ”size = "4”color = " # 0000FF"> £ FA 1T TE 
</font></td> 
</tr> 
<tr> 
<td align = "center" bgcolor = " # FFFFFF" class = "2"><a 
href = "reader_look. asp" target = "right"> 4 RIJK </a></td> 
< /tr 
«tr 
<td align = "center" bgcolor = " # FFFFFF" class = "2"7 —a 
href = "reader. asp" target = "right" — if Jl: bà </a></td> 
</tr> 
<tr> 
<td height = "25" align = "center" bgcolor = " # F9FBEC" > 
<font face = "方正 行 楷 简 体 ”size = "4" color =" 井 0000FF" 二 图 书 管理 
</font></td> 
</tr> 
<tr> 
<td align = "center" — — span class = "2"></span>< span class = "STYLE2" ><a 
href = "detail_modify. asp" target = "right" class = STYLE2> 添加 图 书 
</a>œ></spanœ <span class = "2">œ></span> </td> 
[tr 
xtr 
<td align = "center" ~<a href = "select. asp" target = "right" 
class = STYLE2> ft ifi] 5 i </a> </td> 
</tr> 
«tr 
<td align "center" — — span class = "2" 7 — / span» — span class = "STYLE2" ><a 
href = "look. asp" target = "right" class = STYLE2-— tb i 4t MB </a> </span><span 
class = "2" — /span7 </td> 
</tr> 
tr 
<td align= "center" class = "2"><a href = "look. asp? feiqi = feigi" 
target = "right" class = STYLE2 7 JE R [El BHH </a></td> 
</tr> 
</table></td> 
<$ 
if request. form("active") = "" then 
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else 
set rs2 = server. createobject("adodb. recordset") 
datel = request. forn("datel") 
date2 = request. form( "date2") 
date3 = request. form("date3") 
insertsql- "select * from xhbook" 
rs2. open insertsql.db.1.3 
rs2.addnew 
rs2("bookname" ) = trin(request. form("name") ) 
rs2("booktype") = trim( request. form(" select")) 
rs2("bookmoney") = trim(request. forn("money") ) 
rs2("publishing") = trin(request. form("publishing")) 
rs2("xhdate") = datel&" ~ "&date2&" — "&date3 
rs2.update 
response. write "— script-parent. right. location. href( 'qlook. asp')  /script—" 
end if 
$> 
</table> 

</body> 

</html> 


4. 为 右 侧 部 分 网 页 输入 以 下 代码 : 


<| DOCTYPE HTML PUBLIC " — //W3C//DTD HTML 4. 01 Transitional//EN"— 
<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title>tt</title> 
<link href = " images/style. css" rel = "stylesheet" type = "text/css"> 
</head> 
<body bgcolor = " # FFFFFF" — 
<div align = "center" > 
<table width = "88 % " border = "0" cellpadding = "10" cellspacing = "0"> 
<tr> 
<td height = "32" align= "center" ><font face = "华文 行 楷 ”size = "6" 二 图 书 管 理 借 
阅 系统 一 /font> </td> 
[tr 
«tr 
<td height = "105" align="left" valign = "middle"-— 
<p><font color = " # FF0000" — [5] BEM RI — / £ont— — / p 
pH: Asp + Access WlÍEü AE. </p> 
<p><font color = " # FF0000" > £ JJ fë : </font><font color = " # FF0000" — 
gnbsp; 实 现 了 图 书 分 类 、 图 书 添加 、 图 书 管理 、 借 书 会 员 管 理 、 借 书 管理 .还 书 管理 ,书本 废弃 
</font><font color = " # FF0000" > Fl — /£font^ </p> 
<p> </p> </td> 
</tr> 
</table><p align= "center" >< | 一 # include file = "bottom. asp"--> </p> 
</div> 
</body> 
</html> 
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5. 将 文件 保存 为 D:\Inetpub\wwwroot\index. asp. 
6. 运行 该 程序 后 显示 如 图 6. 30 所 示 的 页 面 。 


ft Internet Explorer 


主要 功能 ， 实 现 了 图 书 分 类 、 图 书 添加 、 图 书 管理 此 


书 会 员 管理 、 借 书 管理 、 还 书 管理 、 书 本 诬 弃 管理 


图 6.30 图 书 管理 借阅 系统 主页 面 


7. 连接 数据 库 程序 conn. asp 的 代码 如 下 : 


<% 

set db = server. createobject("adodb. connection") 

db. open "DBQ = "&server. mappath( " date/book. mdb" )&" ;driver = (microsoft access driver ( *. 
mdb)}" 

$> 


8. qlook. asp 的 源 代 码 如 下 : 


<| — & include file = "conn. asp"--> 

<$ 

set rs = server. createobject("adodb. recordset") 

sql = "select * from book order by id desc" 

rs.open sql.db.1.1 

dim pagenum 

rs.pagesize = 10 

pagecountl = rs. pagecount 

if request. querystring("pagenun") = 0 or request. querystring("pagenum") = "" then 
pagenum - 1 

else 

pagenum = request. querystring("pagenum") 

rs.absolutepage = trim( request. querystring( "pagenum" ) ) 

end if 

$> 

<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
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<title></title> 
<link href = " images/style. css" rel = "stylesheet" type = "text/css"> 
</head> 
<body> 
<table width align= "center" cellspacing = "0"> 
<tr align= "center" valign= "middle" bgcolor = " # 3366CC"> 
<td width= "30 " height = "25" — — font color = " # FFFFFF" > BR </font> </td> 
<td width= "17 & "><font color = " # FFFFFF" — 4125 </font></td> 
<td width = "24 % "><font color = " # FFFFFF" > iH tt </font> </td> 
<td width= "9 $ "><font color = " # FFFFFF" > (ft fft </font> </td> 
<td width = "20 $ "><font color = " # FFFFFF" >H Wi H HI — /font></td> 
</tr> 
< % do while not rs. eof and i<= 10$ > 
<tr align= "center"> 
<td height = "26">< % = rs("bookname") $ ></td> 
<td height = "26">< % = rs("booktype") % ></td> 
<td height = "26" — — $% = rs("publishing") % ></td> 
<td height = "26" — — font color = "it FF0000" — — % = rs("bookmoney") % >J </font> 
</td> 
<td height = "26" — — % = rs("xhdate") % ></td> 
</tr> 
<$% 
i=i+1 


rs. movenext 
loop 
$> 
</table> 
<p align = "center" œ<a href = qlook. asp? pagenum = 1> fi </a> 
< % if pagenum>1 then % > 
<a href = qlook. asp? pagenum = < % = (pagenum- 1) % >> k— H </a> 
<s else $ > 
此 一 更 
< $end if% > 
< % if pagenum < trim(pagecountl) then % > 
<a href = qlook. asp? pagenum = < % = (pagenum + 1) % >> F— H </a> 


<s else% > 
T-S 
< % end if % > <a href = qlook. asp? pagenum = < % = pagecountl % >> JÉ Ji 
</a> 
</p>œ><p align= "center" — — | — it include file = "bottom. asp"--> </p> 
</body> 
</html> 


【操作 3】 会 员 管 理 

会 员 管理 包括 会 员 列 表 和 添加 会 员 两 部 分 内 容 。 
1. 打开 Dreamweaver 或 记事 本 软件 。 

2. 编写 以 下 代码 : 
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<| — # include file = "conn.asp"—— 

<$ 

set rs = server. createobject("adodb. recordset") 

sql = "SELECT * FROM reader order by readername desc" 
rs. open sql.db.1.3 

$> 

<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> J| -— /title— 

<style type = "text/css"— 


font - size: 9pt; 
text decoration; none; 
border: 1px solid # 000000; 


a:link { 
text - decoration; none; 
i 
a:visited | 
text - decoration; none; 
} 
a:hover { 
text - decoration; underline; 
) 
a;active { 
text - decoration: none; 
} 
—— 
</style> 
</head> 
<body> 
<table width = "88 % " border = "1" align= "center" cellspacing = "0"> 
<tr align= "center" valign = "middle" bgcolor = " # 3366CC" — 
<td height = "25" — — font color = " # FFFFFE" > lE — / font ^ </td> 
<td><font color = " # FFFFFF" > f 5 — / font 7 </td> 
<td><font color = " # FFFFFE" >K & ll ifi — /font ></td> 
<td><font color = " # FFFFFF" > Jl fi </font> — /td— 
<td><font color = " # FFFFFE" — (li E — /£font — — /td— 
</tr> 
< 5 do while not rs. eof $ > 
<tr align= "center"-— 
<td height = "26" —&nbsp; <a href = "reader. asp? readerid = 
<% 7 rs("readerid") & >">< % = rs("readername") % ></a> </td> 
<td height = "26" —&nbsp; — % = rs("serialnumber") % ></td> 
<td height = "26" —&nbsp; — % = rs("readertel") % ></td> 
<td height = "26" — — font color = " # FF0000">&nbsp;< % = 
left(rs("readeraddress").10) € > </font> </td> 
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<td height = "26" > gnbsp; <a href = "boroow in.asp? jybh- 

<% = rs("serialnumber") % >"> f#B</a> </td> 

</tr> 

<$ 

rs. movenext 

loop 

$> 
</table> 
<p align = "center" >< | 一 # include file = "bottom.asp"— ^ </p> 
</body> 
</html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\reader_look. asp. 
4. 运行 以 上 程序 后 显示 如 图 6. 31 所 示 的 页 面 。 


杭州 延安 路 265 号 
13208789835 杭州 体育 场 路 116 号 
13305899812 杭州 下 沙 高 校 新 村 5 号 
13907123419 杭州 文 二 路 1234 号 


图 6.31 会 员 列 表 页 面 


5. 在 记事 本 中 输入 添加 会 员 代码 : 


一 ! -- & include file = "conn. asp"--> 
<$ 
readerid = Trim(Request("readerid")) 
mage2fly = Trim(Request("mage2f1y")) 
if readerid— ^"" then 
sql = "select * from reader where readerid = "&readerid 
set rs = db. execute( sql) 
readerid = rs("readerid") 
readername = rs("readername" ) 
serialnumber - rs("serialnumber") 
readertel = rs("readertel") 
readeraddress = rs("readeraddress") 
readertxt = rs("readertxt") 
end if 
$> 
<html> 
<head> 
<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> Lbs BD Pi — / title 
<link href = "images/style.css" rel = "stylesheet" type- "text/css"> 
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</head> 
<body> 
<table width = "88 €" border = align= "center" cellspacing = "0"> 
<tr align= "center" valign= "middle" bgcolor = "it 3366CC"> 
<td width= "30 $" height = "25">< font color = " # FFFFFE" — jul i u FL ( (5 B. 
</font> </td> 
</tr> 
<tr> 
<td align = "center" bgcolor = " # FFFFFF" class = "2"> — form name = "forml" 
method = "get" action= "reader save.asp"> 
<p> </p> 
<p><font color = " # FF0000">< % =mage2fly% ></font> <br> 
< % if readerid- "" then * 过 添加 详细 信息 二 % else% 二 根据 需要 在 这 里 浏览 和 
修改 详细 信息 二 % end if & ></p> 
<table width= "98 $ " border = "1" cellspacing = "0" bordercolor = " # OCCCCC" > 
<tr> 
<tdœ><div align= "right" 4: ID</div> </td> 
<td><input name = "readerid" type = "text" id= "readerid" 
value - "< % = readerid % >" readonly ></td> 
[tr 
<tr> 
<td><div align= "right" 4 5i 4 fc — / div — /td-» 
<td><input name = "readername" type = "text" id= "readername" 
value - "< % = readername $ 二 "全 一 /td 一 
</tr> 
<tr> 
<td><div align= "right" — (fff [B] üE £i 9 — /div— </td> 
<td><input name = "serialnumber" type = "text" jd = "serialnumber" 
value= "一 $% = serialnumber & >"></td> 
</tr> 
<tr> 
<td><div align= "right" >R B </div></td> 
<td><input name = "readertel" type= "text" id= "readertel" 
value - "< % = readertel % >"></td> 
</tr> 
<tr> 
<td><div align= "right" > E Jib lib </div> </td> 
—td- -— input name = "readeraddress" type= "text" id= "readeraddress" 
value - "< % = readeraddress $ >"></td> 
<j> 
<td><div align = "right" >f </div></td> 
<td>< textarea name = "readertxt" cols = "30" rows = "5" 
id= "readertxt">< % = readertxt % ></textarea> </td> 
</tr><tr> 
<td>œ<div align = "right" ></div> </td> 
<td><input name = "editadd" type = "hidden" id= "editadd" 
value = "edit" ></td> 
Lja 
<td colspan = "2">œ><div align = "center"> 
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<input type = "submit" name = "Submit" value = "提交 "二 
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
<input type = "reset" name = "Submit2" value = " 重 置 "过 


</div></td></tr> 
</table> 
</fom></td></tr> 
</table> 
<p align = "center"> <a href = "class add.asp" > ğ mAB% </a> </p> 


<p align = "center" >< | — it include file = "bottom. asp"——> </p> 
</body> 


</html> 


6. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\reader. asp. 
7. 运行 以 上 程序 后 显示 如 图 6. 32 所 示 的 页 面 。 


添加 详细 信息 


sm| — — —1 
e ——— 7] 
借阅 让 编号 ora — ] 
联系 电话 |[13599989880 —  ] 


Dd CETTE ESTE NAM 


我 喜欢 看 电子 商务 网 站 方面 的 书 
籍 ， 希 望 能 给 我 帮助 。 


图 6.32 添加 会 员 页 面 


【操作 4】 图 书 借阅 管理 

图 书 借阅 管理 包括 会 员 借 阅 boroow_in. asp、 会 员 归 还 boroow. asp、 借 阅 列 表 
boroow list. asp 等 。 

1. 打开 Dreamweaver 或 记事 本 软件 。 

2. 编写 以 下 代码 : 


«| — # include file = "conn. asp"--> 

<$ 

editadd = Trin(Request( " editadd")) 

jybh = Trim(Request(" jybh") ) 

bookbh = Trin(Request("bookbh") ) 

borrowtxt = Trim(Request("borrowtxt")) 

if editadd— —"" then 

sqlr = "select * from reader where serialnumber = '"&jybh& 
set rsr = db. execute( sqlr) 


readerid = rsr("readerid") 
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set rs = server. createobject("adodb. recordset") 
sql = "select * from borrow" 

rs. open sql.db.1.3 

rs.addnew 

rs("bookbianhao") = bookbh 

rs("readerid") = readerid 

rs("borrowdate") - date 

rs("borrowtxt") = borrowtxt 

rs.update 

readerid = rs("readerid") 

rs.close 

set rs = nothing 

Response. Write(" f BRI") 

Response. end 

end if 

Ld 

<html> 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> X bi Bl XC Pi — / title 

<link href = "images/style.css" rel="stylesheet" type = "text/css"> 
</head> 


<body> 
<table width align= "center" cellspacing = "0"> 
<tr align= "center" valign= "middle" bgcolor = "it 3366CC"> 
<td width= "30 & " height = "25">< font color = " # FFFFEE" >£ fA fl 45 </font> </td> 


</tr> 
<tr> 
<td align = "center" bgcolor = " # FFFFFF" class = "2" >< form name = "forml" 
method = "get" action = ""— 
&nbsp; 
<table width= "98 % " border = "1" cellspacing = "0" bordercolor - "it OCCOOC" > 
<tr> 


<td><div align= "right" ></div> </td> 
<td> </td> 
</tr> 
«tr 
—td- - div align = "right" — ff [i] iE ij </div></td> 
<td><input name = "jybh" type = "text" id= "jybh" 
value- "— $ = jybh$ >"></td> 
</tr> 
«tr 
«td «div align= "right" ^ 4548 4i </div></td> 
<td><input name = "bookbh" type = "text" id= "bookbh" 
value - "< % = bookbh & >"> 
</td> 
</tr> 
<tr> 
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«td « div align= "right" — f$ </div></td> 
<td>< textarea name = "borrowtxt" cols = "30" rows = "5" 
id= "borrowtxt" >< % = readertxt % ></textarea></td> 
[tr 
<tr> 
<td><div align= "right" > </div></td> 
<td><input name = "editadd" type = "hidden" id= "editadd" 
value = "edit" ></td> 
</tr> 
<tr> 
<td colspan = "2"><div align = "center"> 
<input type = "submit" name = "Submit" value = "提交 "二 
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
<input type = "reset" name = "Submit2" value = " 重 置 "过 
</div> 
</td> 
</tr> 
</table> 
</form> 
</td> 
</> 
</table> 
<p align= "center"> 添加 图 书 分 类 </p> 
<p align = "center"><!— # include file = "bottom.asp"—></p> 
</body> 
</html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\boroow_in. asp. 
4. 运行 以 上 程序 后 显示 如 图 6. 33 所 示 的 页 面 。 


图 6.33 会 员 借 书 页 面 


5. 打开 Dreamweaver 或 记事 本 软件 。 
6. 编写 以 下 代码 ,实现 会 员 归还 功能 : 


<l — # include file = "conn.asp"—> 
<$ 
borrowid = Trim(Request("borrowid")) 


231 
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证 borrowid— —"" then 
set rs2 = server. createobject( adodb. recordset") 
sql = "select * from borrow where borrowid = "&borrowid 
rs2.open sql.db.1.3 
rs2("back") - date 
rs2.update 
rs2.close 
end if 
set rs = server. createobject( "adodb. recordset" ) 
sql = "SELECT borrow. borrowid,. book. bookname,. booktype. booktype. borrow. borrowdate, 
reader. readername, borrow. back. book. id FROM (book INNER JOIN booktype ON book. booktypeid = 
booktype.booktypeid) INNER JOIN (borrow INNER JOIN reader ON borrow. readerid - reader. 
readerid) ON book.bookbianhao = borrow. bookbianhao;" 
rs.open sql.db.1.3 
$> 
<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> J| X -— /title- 
<link href = images/style.css" rel = "stylesheet" type = "text/css"> 
</head> 
<body> 
<table width = "88 % " border = "1" align= "center" cellspacing = "0"> 
<tr align= "center" valign= "middle" bgcolor = " # 3366CC" — 
<td width= "30 % " height = "25">< font color = " # FFFFFF" > 45 $8 4 PR 
</font> 
</td> 
<td width= "17 % "><font color = " # FFFFFF">4)% </font> </td> 
<td width= "24 3 "><font color = " # FFFFFF" > ff H5 I H] </font> </td> 
<td width= "9 % "><font color = " # FFFFFE" - (it [i] # </font> </td> 
<td width = "20 % "><font color = " # FFFFFE" —-|H3f H HI — /font></td> 
</tr> 
< % do while not rs. eof % > 
<tr align= "center"> 
<td height = "26" —&nbsp; <a href = 
"detail modify.asp? id= < % - rs("id") %>">< % = rs("bookname") $ ></a> 


</td> 
<td height = "26" —&nbsp; < % = rs("booktype") % > 
</td> 
<td height = "26" —&nbsp; < % = rs("borrowdate") % > 
</td> 


<td height = "26" — — font color = " # FF0000" — &nbsp; 
<% = rs("readername") $ ></font></td> 
<td height = "26" > &nbsp; < % if rs("back") — ——"" then% ><% = rs("back") % > 
< % else% ><a href ="? borrowid- < % = rs("borrowid") & >"> </a>< % end if $ > 
</td> 
[tr 
<$% 
rs. movenext 
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loop 
$> 
</table> 
<p align = "center" >< | 一 # include file = "bottom. asp"——-> </p> 
</body> 
</html> 


7. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\boroow. asp. 
8. 运行 以 上 程序 后 显示 如 图 6. 34 所 示 的 页 面 。 


分 类 Lil 借阅 者 与 还 日 期 


PEZAR 


图 6.34 会 员 归 还 书籍 页 面 


【操作 5】 添加 图 书信 息 

当 采 购 人 员 购 入 图 书后 ,需要 在 该 系统 中 添加 图 书 的 信息 ,以 下 代码 就 是 为 了 实现 此 
功能 而 设计 的 。 

1. 打开 Dreamweaver 或 记事 本 软件 。 

2. 编写 以 下 代码 


<] —- & include file = "conn. asp"--> 
<$ 

id= Trim(Request("id")) 

mage2fly = Trim(Request("mage2fly")) 
if id<>"" then 

sql = "select * from book where id= "&id 
set rs - db. execute( sq1) 

id-rs("id") 

bookname = rs("booknane" ) 

bookbianhao = rs("bookbianhao") 
booktypeid = rs("booktypeid" ) 
publishing 7 rs("publishing") 

writer = rs(" writer") 

bookmoney = rs("bookmoney" ) 
booknumber = rs("booknumber" ) 
bookdate = rs("bookdate" ) 

onno = rs("onno") 

booktxt = rs("booktxt") 

end if 

$> 

<html] > 

<head> 

<meta http- equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> MEB </title> 
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<link href = "images/style.css" rel = "stylesheet" type = "text/css"> 
</head> 
<body> 
<table width = "88 € " border = "1" align = "center" cellspacing = "0"> 
<tr align= "center" valign= "middle" bgcolor = " # 3366CC" — 
<td width = "30 % " height = "25" bgcolor = "it 3366CC" — <font color = "it FFFFFF" — jii] Ji 
修改 具体 信息 
</font></td> 
ES 
<tr> 
一 td align- "center" class = 
<form name = "forml" method = "get" 
action = "book save.asp"- 
<p><font color = " # FF0000">< % = mage2fly& > 
</font> <br> 
<% if id="" then% — if JI iE A (ei E< % else% 二 根据 需要 在 这 里 浏览 和 修改 
详细 信息 二 $% end if $ ></p> 
<table width = "98 % " border = "1" cellspacing = "0"> 
<tr> 
<td> </td> 
=<td> gnbsp; 
<div align= "center"> <a 
href = "boroow_in. asp? bookbh = — % = bookbianhao% >">} jE ffit 5 
&nbsp;&gt:&gt ; &gt ; &nbsp: Hi dii iX </a><br> 
&nbsp; 


</div></td></tr> 
«tr 
— td» — div align "right" [8 ID 
</div></td> 
<td><input name = "id" type= "text" id= "id" value= "< % = id% >" 
readonly ></td> 
SSR 
<tr> 
<td><div align= "right"> BZ fk 
</div></td> 
<td><input name = "bookname" type = "text" id= "bookname" 
value - "< % = bookname € >"></td> 
</tr> 
«tr 
— td «div align= "right" 之 图 书 编号 
</div></td> 
<tdœ< input name = "bookbianhao" type = "text" id= "bookbianhao" 
value ="< % = bookbianhao % >"> 
&nbsp; </td> 
</a> 
<tr> 
<td><div align= "right" > MBX Sl 
</div></td> 
<td><input name = "booktypeid" type= "text" id= "booktypeid" 
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value= "— % = booktypeid & >"> 
Snbsp; 例 :〈 如 计算 机 系列 的 ID= 2 即 为 2 类 别 ) 
«td 
</tr> 
<tr> 
<td><div align= "right" > Hh Jic 
</div></td> 
<td><input name = "publishing" type= "text" id= "publishing" 
value="< % = publishing % >"> &nbsp; </td> 
</tr> 
<tr> 
<td><div align= "right" >E # 
</div></td> 
<td><input name = "writer" type= "text" id= "writer" 
value= "< % = writer % >"> 
&nbsp; </td> 
</tr> 
<tr> 
<td><div align = "right" > fft 
</div></td> 
<td><input name = "bookmoney" type = "text" id = "bookmoney" 
value = "< % = bookmoney & >"></td> 
</tr> 
<tr> 
< 一 td> 一 div align= "right" > ği 
</div></td> 
<td><input name = "booknumber" type = "text" id= "booknumber" 
value = "< % = booknumber $ >"> </td> 
</tr> 
«tr 
— td div align= "right" > A KIM] [8] 
</div></td> 
<tdœ< input name = "bookdate" type = "text" id= "bookdate" 
value - "< % = bookdate & >"> 
&nbsp; f]: 2005 - 12 - 31 一 /td> 
[tr 
«tr 
— td -— div align= "right" ^J $E </div></td> 
<tdœ< input name = "onno" type = "text" id- "onno" value - "一 % = onno% >"> 
0 表示 有 效 ,1 表示 废弃 </td> 
</tr> 
<tr> 
<td><div align = "right" >f </div></td> 
<td>< textarea name = "booktxt" cols = "30" rows = "5" 
id= "booktxt" >< % = booktxt % ></textarea> </td> 
fte 
«tr 
— td «div align= "right" 
</div></td> 
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<td><input name = "editadd" type = "hidden" id= "editadd" 
value = "edit"> 
</td> 
</tr> 
<tr> 
<td colspan = "2" 7 — div align = "center" > 
<input type = "submit" name = "Submit" value = "提交 "二 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
<input type = "reset" name = "Submit2" value = " 重 置 "二 
</div> 
</td> 
«tr 
</table> 
</form> 
</td> 
</tr> 
</table> 
<p align= 


"~ 


"center" > 


<a href lass_add. asp" > MABA </a></p> 
<p align = "center" — | 一 # include file = "bottom. asp"—-> </p> 
</body> </html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\detail_modify. asp. 
4. 运行 以 上 程序 后 显示 如 图 6. 35 所 示 的 页 面 。 


浏览 修改 具体 信息 


Bs > 


maux — —] — | 
[ [x —— — — | 


| ws | 
0 0 表示 有 效 ， ERER 


新 入 库存 15 本 


图 6.35 添加 图 书信 息 页 面 


【操作 6】 查看 书籍 信息 
1. 打开 Dreamweaver 或 记事 本 软件 。 
2. 编写 以 下 代码 : 
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=1—— # include file = "comn. asp"--> 

<$ 

booktypeid = request. querystring("booktypeid") 

feiqi = request. querystring("feigi") 

set rs = server. createobject("adodb. recordset") 

if booktypeid— —"" then 

sql = "SELECT book. * , booktype. booktype FROM book INNER JOIN booktype ON book. booktypeid 
booktype. booktypeid where book. booktypeid = "&booktypeid&" and onno 一 二 1 order by id desc" 
elseif feiqi = "feigi" then 

sql = "SELECT book. * , booktype. booktype FROM book INNER JOIN booktype ON book. booktypeid 
booktype. booktypeid where onno = 1 order by id desc" 


else 

sql = "SELECT book. * , booktype. booktype FROM book INNER JOIN booktype ON book. booktypeid 
booktype. booktypeid where onno— 771 order by id desc" 

end if 

rs.open sql.db.1.3 

5 

<html> 

<head> 

<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> J| X -— /title 

<link href = "images/style.css" rel="stylesheet" type- "text/css"> 
</head> 


<body> 
<table width = "88 * " border = "1" align= "center" cellspacing = "0"> 
<tr align= "center" valign= "middle" bgcolor = " # 3366CC"> 


<td width= "28 & " height = "25">< font color = " # FFFFFE" > ffi 4 Ek — / £ont ></td> 
<td width= "15 % "><font color = " # FFFFFE" — 4] 3E </font> </td> 
<td width= "22 % "><font color = " # FFFFFE" > il fit </font ></td> 
<td width= "8 % "><font color = " # FFFFFE" > fF # </font> </td> 
<td width= "18 & "><font color = " # FFFFFF" > ih ffi H </font> </td> 
<td width= "9 % "œ< font color = " # FFFFFF" > ff B </font> </td> 
</tr> 
< % do while not rs. eof % > 
<tr align= "center" > 
<td height = "26"> gnbsp; <a href = detail modify.asp? id= < % = rs("id") & >"> 
<% = rs("bookname") % ></a> </td> 
<td height = "26" —&nbsp; < % = rs("booktype") % ></td> 
<td height = "26" —&nbsp; < % = rs("publishing") % ></td> 
<td height = "26" — — font color = " # FF0000" >œ>&nbsp;< % = rs("writer") $ ></font> 
</td> 
<td height = "26" —&nbsp; — % = rs("bookdate") % ></td> 
<td height = "26" —&nbsp; <a href = "boroow_in. asp? bookbh = 
< % = rs("bookbianhao") % "7 f </a></td> 
</tr> 
<$ 
rs. movenext 


loop 
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</table> 

<p align= "center" >< | 一 # include file = "bottom. asp"——-> </p> 
</body> 

</html> 


3. 将 以 上 代码 保存 为 D:\Inetpub\wwwroot\look. asp. 


4. 


运行 以 上 程序 后 显示 如 图 6. 36 所 示 的 页 面 。 


出 版 社 出 版 日 期 La 
[mami a CT perzeumr mro [eme p ce 
|sresmasssre ere esce m [ences [ em | 


[remm |era [vmamsms 39» CT w* | 
ETT MINER am | 
一 er ae e 


图 6.36 查看 全 部 书籍 信息 页 面 


【小 结 】 

通过 以 上 的 实 训 ,学 生 可 以 了 解 如 何 通过 ASP 技术 实现 B/S 查询 管理 系统 的 功能 。 
本 次 实 训 提 供 了 查询 、 添 加 ,修改 等 简单 操作 的 实现 方法 。 通 过 这 些 基 本 方法 可 以 帮助 学 
生 了 解 和 掌握 类 似 系 统 的 功能 和 创建 。 

以 上 所 有 的 代码 都 在 记事 本 软件 中 编辑 修改 ,当然 也 可 以 用 其 他 的 编辑 软件 进行 纺 


辑 修改 。 


【思考 题 】 


l. 如 何 实现 客户 端 验证 和 服务 器 端 验证 ? 

2. 对 于 图 书 管理 系统 如 何 实现 多 种 查询 方式 ? 
3. 如 何 实现 数据 库 添加 新 记录 的 操作 ? 

4. 
5 
6 


如 何 实现 删除 数据 库 记 录 的 操作 ? 


. 如 何 实现 修改 数据 库 记 录 的 操作 ? 
. 如何 实现 权限 的 管理 操作 ? 


【 实 训 报告 】 
实 训 报告 的 格式 如 下 。 
1. 实 训 过 程 
目的 要 求 ， 
实 训 内 容 : 
实 训 步骤 ， 
输入 : 
输出 : 
2. 实 训 结果 
(1) 程序 运行 结果 数据 : 


结果 数据 登记 表 
题 H 程序 运行 结果 运行 情况 
(2) 实 训 出 错 结 果 分 析 : 
设计 出 错 情况 登记 表 
题 目 编译 出 错 处 改 


3. X 
通过 实 训 , 总 结 自己 对 相关 知识 的 掌握 程度 ,分 析出 错 原因 ,提出 改进 措施 。 
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